道Frontend Dojoフロントエンド道場
01稽古場02ロードマップ03道場について
Zenn ↗X ↗
§ 00 — Colophon

Frontend Dojo

フロントエンド道場

フロントエンドの鬼門を、読むのではなく触って理解する。
日本語のインタラクティブラボ。

§ LAB

稽古場

  • 稽古場一覧
  • ロードマップ
  • 用語集
  • 道場について
§ LEGAL

規約

  • プライバシーポリシー
  • 利用規約
  • お問い合わせ
§ LINK

外部

  • Zenn ↗
  • X ↗

© 2026 フロントエンド道場 · Personal Lab

  1. 稽古場
  2. Lab 3: 再レンダリング
  3. 道場
概要稽古道場

§ Playground

道場 — 自由操作

木の深さ・fanout・memo・prop 種別・state source を自由に組み合わせて、 「state を更新」ボタンでどこが光るかを観察します。

§ Render Tree / 依存木mutations: 0
Root42
A42
B42
C42
D42
E42
F42
G42
H42
I42
J42
K42
L42
Clicks
0
Total renders
0
Memo nodes
0 / 13
State src
local

§ Per-node render count / ノード別 render 回数

Nodememorenders
ROOT—0
A—0
B—0
C—0
D—0
E—0
F—0
G—0
H—0
I—0
J—0
K—0
L—0

§ 01 — Depth / 深さ

2

Root から葉までの階層数

§ 02 — Fanout / 枝分かれ

3

各親ノードが持つ子の数

§ 03 — Prop kind / prop 種別

§ 04 — State source / state の供給源

§ 05 — Memo / memo 化

0 / 13

§ Feedback

この稽古場はいかがでしたか?