Skip to content

レシピ(逆引き)

各レシピは対応する最小例にリンクする。まず例を見て、詳細は ../spec/ で確認するのが速い。

状態

やりたいこと
カウンタ的な状態と更新features/01-slot-and-reducer
値の範囲・形式を縛るfeatures/02-nominal-type
レコードを不変更新するfeatures/04-record-and-copy
純粋なヘルパ関数features/05-pure-fn

コレクション

やりたいこと
リストを map / filter / 描画features/07-list
Map に追加・取得・削除features/08-map
Set でトグルfeatures/09-set
任意値(あるかも)を扱うfeatures/10-option
成否を表すfeatures/22-result
日時・期間features/11-time-and-duration

UI

やりたいこと
行・列・グリッドで並べるfeatures/12-layout
入力欄と双方向結合features/13-text-input-bind
プルダウンfeatures/14-select
チェックボックスfeatures/15-checkbox
条件で出し分けfeatures/16-conditional-ui
テーマ切替features/17-theme

アプリレベル

やりたいこと
ルーティング・パラメータ・404features/18-routing
HTTP からデータ取得features/19-effect-http
localStorage に永続化features/20-effect-storage
定期実行(タイマー)features/21-timer
起動時・画面遷移時の処理features/23-lifecycle-route-enter

実アプリで組み合わせを見る