Unifie by Typeless

Unifie by Typelessは、TypeScriptでReactアプリを作るチーム向けの開発ツールキットだ。半ダースの小さなライブラリをつなぎ合わせる代わりに、actions、reducers、副作用の処理を一つのパッケージから得られる。このプロジェクトはtypelessライブラリの上に成り立ち、そのライブラリはTypeScriptをReact hooksとRxJSと組み合わせる。

この組み合わせは、迷子になったaction型の文字列や、間違ったpayload形状を受け取ったreducerが原因のバグを追ったことがあるなら効いてくる。UnifieはTypeScriptの推論に頼るため、コンパイラが初期状態からほとんどの型を導き出す。書く注釈はずっと少ない。食い違いはビルド時に現れ、本番では出ない。大半のチームにとって割のいい取引だ。では、誰が検討すべきか。

先に知っておきたい点がある。ここではTypeScriptの型システムが重い処理を担う。大規模なコードベースでは、状態層全体の推論型を計算する間、エディタが遅くなることがある。定型的なコードを消す設計は、ツールにも負荷をかける。中規模から大規模のアプリを運用するなら、設定を調整する覚悟が要る。さもないと、ファイルを保存するたびにもたつきを感じる。

はじめ方

1. npmかyarnで、ライブラリとそのpeer依存関係であるReact 16.8以降とRxJS 6をインストールする。
2. アプリのルートをDefaultTypelessProviderで包み、モジュールが自分の状態と副作用を登録できるようにする。
3. 機能ごとにモジュールを作り、シンボルファイル、action定義用のインターフェースファイル、reducerとepicを入れるモジュールファイルに分ける。
4. 機能のエントリコンポーネント内でモジュールhookを呼んでreducerとepicを読み込み、コンポーネントからactionsをdispatchする。