Reactで動的に出現する要素をDOM量抑えながら実装する。たとえばドロップダウン。 画面内に一個だけしか出現しないユニークな要素であれば、stateとcssでなんとかなると思う。 handleDropdownToggle = () => { this.setState({ dropdownVisible: !this.state…

最低限のコストで最近よく聞くいい感じのjsを書きたい時の構成をずらーっと書いてみる 準備するもの node/npm (最近はrbenvクローンのnodenvがいい感じ、操作は同じ) webpack babel .babelrc .babelrcを設置しとくとbabelのデフォルト設定がこいつの中身で書…

nodenvとかrbenvとかなんかしら食わせたいやつがある時 コマンドを打つ度にsshしてinitして、ってやってるとダルいのでheredocでまとめて実行する ssh HOSTNAME -t "$(cat <<'CMD' export PATH="$HOME/.nodenv/bin:$PATH" eval "$(nodenv init -)" node -v n…

Adopted Characters 下駄記号 - Wikipedia

gulpはstream志向でデザインされていて、streamしか受け入れない・streamじゃないとon the railじゃない、というようなイメージが強いと思う。 ところがどっこい、gulpのタスクが受け入れるのはstreamだけじゃないし、必ずしもgulp-*とかvinylとかを使わなけ…

webpackとは いろんなファイルをtranspileしてES5のJavaScriptに変換してくれるやつ AMDかCommonJSの形式でファイルをロード(CommonJSならrequire)すると、transpileしたファイルをロードしてくれる クライアント側のjsコードでもrequireを使用することがで…

備忘録 babel*@5 （勘弁して jest-cli@0.8.2 TL;DR preprocessor.jsのbabel.transformにretainLinesオプションを渡して、キャッシュをクリアする くわしいめも jestの設定はこんな感じ { "name": "test", "rootDir": "./src", "cacheDirectory": "<rootDir>/../tmp", </rootdir>…