mille-feuille code

今更すぎるけれど、ちゃんと使い分けることって大切だと思うんです。それぞれの関数の意味と役割を知り、正しく使い分けられるようになる機会は、今です。「あれ、どれ使えばいいんだっけ…」と忘れてしまった今。Just now😌💡

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の使い方と使った感想を語ってみます。