mille-feuille code

WebフロントエンドのViewライブラリといえばReactやVueといった高機能なものが主流ですが、もっと手軽で最小限なライブラリが欲しいことありませんか？ それに応えるのがHyperappです。個人的に気になってたのでドキュメントを意訳してみました。

ES6の仕様のひとつであるProxyを使って、堅牢なオブジェクトを作る方法を紹介します。Private変数を持つオブジェクト、Immutableなオブジェクト、Singletonなオブジェクト、Enumオブジェクトを作ってみましたのでご参考までに。

Vue2.xから仮想DOMが使われるようになり、1.x系と同様にtemplateを書くと動かないケースが出てきたりします。コンパイルをすることで[template]→[仮想DOMをrenderする関数]に変換してくれるものの、コンパイルの仕様も複雑で一筋縄ではいかないことも…。そんな悩みと今日でおさらばしましょう💡

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

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