Posted on 2018-07-06 by スカイ
良い加減ESLint導入したいなと思って試したのでメモ
ES6なreact/jsx環境で試しています
当初airbnbを導入しましたが5系で非推奨な設定項目があって警告が出て気になったので一旦外しました
環境構築
必要なパッケージを入れます
$ npm install --save-dev eslint eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-react
設定
npm scripts
npm scriptsに追加してsrcディレクトリ下にあるjsxを対象にチェックを行うようにします
scripts: {
Posted on 2018-03-18 by スカイ
少し前に作ったFlaskとReactで作ったWebアプリのテンプレートで依存してるライブラリにセキュリテイの脆弱性があるってgithubから通知が来たので直した
npm lsすると依存関係が見えるのでそこから探す
なにか良い探し方あるのかもしれないけど調べるより前に前行の表示でいけばいけるか…と思って実行してしまったのでもっと良い調べ方があるのかもしれない
$ npm ls --depth=2 | grep ssri -B 15
| | +-- prop-types@15.6.0 deduped
| | `-- warning@3.0.0 deduped
| `-- warning@3.0.0
Posted on 2017-06-21 by スカイ
大体その1と同じ内容
ReactRouter入れたりくらいの変更
webpackも変遷の中で今微妙とかなんとか聞くけどとりあえずこれで…
目標
ReactとReact RouterとMaterial UIを入れてES2015で書ける環境を作る
環境構築
プロジェクト作成
$ npm init -yes
パッケージを揃える
react-routerがv3からv4に変わる過程でreact-router-domになったので注意する
$ npm install --save react react-dom material-ui react-router-dom
$ npm install --
Posted on 2016-12-19 by スカイ
React Routerでルート以外の時に作成したアプリを置きたい時とかの話
ReactDOM.render(
Router history={browserHistory}
Route path=/ component={App} /
Route path=/pageA component={pageA} /
Route path=/pageB component={pageB} /
Route path=/pageC component={pageC} /
/Router,
document.getEl
Posted on 2016-12-04 by スカイ
はじめに
フロント界隈の変遷が激しいですね良く分からないです
未だにjQueryでゴリゴリ書いてる人間なので少し勉強することにしたけど忘れそうなのでメモ
ちなみにRiotとFetchくらいしか触ったことない人間です
環境構築してチュートリアルまで流します
Webpack + React + ES6の最小構成を考えてみる。
ほぼこちらの記事のまんまです
環境
Windows7 64bit
環境構築
Node.js
公式から落としてきてインストールする
パスを以下の2箇所に通す(インストーラーがやってくれてるかも)
- nodejsのインストール場所
- Users/Username/AppD