サンプル

どのサンプルも自分のページで、ソースの隣で動きます。まずはnotes から。ライブラリのほとんどを一度に使っています。残りは 1 つにつき 1 つの話題です。

notes

メモアプリ: reducer、永続化、コンテキスト、メモ化、エディタをまとめて。

board

カードをドラッグして列の間を移動しても、入力中のタイトルはそのまま残る。

patch

自分で WGSL シェーダを生成し、検証し、プレビューするノードエディタ。

spreadsheet

26 × 10,000 セルの数式: メモ化を 2 段階、下書きは画面外にスクロールしても消えない。

counter

1 つの状態を、3 つのハンドラが順に借りる。

todo

reducer がリストを動かし、`use_persisted` が再起動をまたいで保持する。

form

束縛できるウィジェットを全部、変更ログ付きで。設定は再起動しても残る。

theme

一番上で渡した 2 つの値を、3 階層下で読む。間のコンポーネントは何もしない。

clock

自分で再描画を要求するストップウォッチと、後片付けをするエフェクト。

custom-hook

自作フック 3 つを、それぞれ独自の状態を持つ 2 つのコンポーネントから呼ぶ。

escape-hatch

素の egui へ降りる 4 つの道: クロージャ、リーフ、ペインタ、入れ子の Cx。

shader

`<Canvas>` の中でレイトレースしたブラックホール。スライダーが uniform につながる。

list-10k

1 万行を、全部描くとどれだけかかるか。

layout

`<View>` が解釈する flex と grid の属性を、1 節につき 1 つずつ。

styles

`style` 属性を表に全部: 名前、使うコード、描かれる姿。

fetch

`use_future` がリクエストを走らせ、一番近い `<Suspense>` がスピナーを描く。

font

CSS 風のフォントチェーン: 同梱・取得・インストール済みのフォントと、各項目の解決先。