mille-feuille code

Reactを使ったWebApplicationの開発環境をコマンドひとつで立ち上げてくれるcreate-react-app。ビルド周りまで用意してくれるので便利な反面落とし穴もありました。今回はそんなcreate-react-appの使い方と使った感想を語ってみます。

リリース環境と開発環境でAPIのオリジンを切り替えたい…ログのレベルを替えたい…。そういった環境変数に纏わる問題をクライアントサイドで解決したい場面ってありますよね。そんな場面で使える「ビルド時に環境毎の設定ファイルを読み込む方法」を実装したのでメモっておきます。

npmでそんなに不自由していなかったし、npm scripts よく使うし、yarn に乗り換える必要ってあるのかなー。今までnpmで運用してたのに急に乗り換えることなんてできるのかなー。そんな思いを胸に秘めている人にYarnの良さと導入の簡単さを伝えるために書きました。ええ、自分自身のことです😌

最近ぼちぼち見かけるRxJSですが、何度か使ってみようと思ったものの毎回「関数型リアクティブプログラミング」の壁に打ちのめされて挫折していました。でもよくよく見てみたら何だかJava8のStreamっぽくないか😌💡と閃いてしまったので比較してみました。

JavaScriptのモジュール間の依存解決と言えば今までBrowserifyやWebpackがメジャーどころでしたが、それらに新しいお仲間が登場したようです。ES6をベースとしていて、Tree-shakingがウリというrollup.jsとは一体どんなものなのか、簡単に調べてまとめてみました。