はじめに 良い加減ESLint導入したいなと思って試したのでメモ ES6なreact/jsx環境で試しています 当初airbnbを導入しましたが5系で非推奨な設定項目があって警告が出て気になったので一旦外しました 環境構築 必要なパッケージを入れます 1$ npm install --save-dev eslint eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-react 設定 npm scripts npm scriptsに追加してsrcディレクトリ下にあるjsxを対象にチェックを行うようにします 1"scripts": { …

少し前に作ったFlaskとReactで作ったWebアプリのテンプレートで依存してるライブラリにセキュリテイの脆弱性があるってgithubから通知が来たので直した npm lsすると依存関係が見えるのでそこから探す なにか良い探し方あるのかもしれないけど調べるより前に前行の表示でいけばいけるか…と思って実行してしまったのでもっと良い調べ方があるのかもしれない 1$ npm ls --depth=2 | grep ssri -B 15 2| | +-- prop-types@15.6.0 deduped 3| | `-- warning@3.0.0 deduped 4| `-- warning@3.0.0 deduped 5+-- …

はじめに 大体その1と同じ内容 ReactRouter入れたりくらいの変更 webpackも変遷の中で今微妙とかなんとか聞くけどとりあえずこれで… 目標 ReactとReact RouterとMaterial UIを入れてES2015で書ける環境を作る 環境構築 プロジェクト作成 1$ npm init -yes パッケージを揃える react-routerがv3からv4に変わる過程でreact-router-domになったので注意する 1$ npm install --save react react-dom material-ui react-router-dom 2$ npm install --save-dev …

はじめに React Routerでルート以外の時に作成したアプリを置きたい時とかの話 1ReactDOM.render( 2<Router history={browserHistory}> 3<Route path="/" component={App} /> 4<Route path="/pageA" component={pageA} /> 5<Route path="/pageB" component={pageB} /> 6<Route path="/pageC" component={pageC} …

はじめに フロント界隈の変遷が激しいですね良く分からないです 未だにjQueryでゴリゴリ書いてる人間なので少し勉強することにしたけど忘れそうなのでメモ ちなみにRiotとFetchくらいしか触ったことない人間です 環境構築してチュートリアルまで流します Webpack + React + ES6の最小構成を考えてみる。 ほぼこちらの記事のまんまです 環境 Windows7 64bit 環境構築 Node.js 公式から落としてきてインストールする パスを以下の2箇所に通す（インストーラーがやってくれてるかも） nodejsのインストール場所 Users/Username/AppData/Roaming/npm プ …