追記 (2018/12/25)
当記事をリニューアルし、より詳細な解説を加えた続編を書きました。 今後はこちらの記事をご参照いただければと思います。
はじめに
開発部の tasaki です。 Web フロントエンド(というより Node.js + npm)のエコシステムでは他のエコシステムと比較して大量の細かいパッケージを作成する傾向にあります。 TypeScript + React + Redux + react-redux + react-router + redux-form + ... などとを組み合わせていった場合、各パッケージがどのような機能を持ち、大量のパッケージのどこに関数やクラス(+ TypeScript の型)が定義されているのかよく分からなくなりがちです。 そこで、ソースコードをそのままチートシートとして使えるような小さいアプリケーションを作成してみました。
- 追記 (2018/12/25)
- はじめに
- ソースコード
- 備考
- Parcel を使う
- Parcel は TypeScript の型エラーを報告してくれない
- props の定義に注意
- 循環依存に注意
- おわりに
- 採用情報