レシピ
各レシピは対応する最小例にリンクする。まず例を見て、詳細は Kumiki 仕様 で確認するのが速い。
状態
| やりたいこと | 例 |
|---|---|
| カウンタ的な状態と更新 | 01-slot-and-reducer |
| 値の範囲・形式を縛る | 02-nominal-type |
| レコードを不変更新する | 04-record-and-copy |
| 純粋なヘルパ関数 | 05-pure-fn |
コレクション
| やりたいこと | 例 |
|---|---|
| リストを map / filter / 描画 | 07-list |
| Map に追加・取得・削除 | 08-map |
| Set でトグル | 09-set |
| 任意値(あるかも)を扱う | 10-option |
| 成否を表す | 22-result |
| 日時・期間 | 11-time-and-duration |
UI
| やりたいこと | 例 |
|---|---|
| 行・列・グリッドで並べる | 12-layout |
| 入力欄と双方向結合 | 13-text-input-bind |
| プルダウン | 14-select |
| チェックボックス | 15-checkbox |
| 条件で出し分け | 16-conditional-ui |
| テーマ切替 | 17-theme |
アプリレベル
| やりたいこと | 例 |
|---|---|
| ルーティング・パラメータ・404 | 18-routing |
| HTTP からデータ取得 | 19-effect-http |
| localStorage に永続化 | 20-effect-storage |
| 定期実行(タイマー) | 21-timer |
| 起動時・画面遷移時の処理 | 23-lifecycle-route-enter |
実アプリで組み合わせを見る
- CRUD + Map + Option: 04-issue-tracker
- 入れ子データ + カンバン + テーマ: 05-project-management