From 5c2be790e63a56835f67b1625208ebf630626fbf Mon Sep 17 00:00:00 2001 From: WATAHIKI Yuto Date: Sun, 26 Apr 2026 11:47:06 +0900 Subject: [PATCH] =?UTF-8?q?=E5=AE=A3=E8=A8=80=E7=9A=84=E3=81=AAUI=E3=81=AE?= =?UTF-8?q?=E8=AA=AC=E6=98=8E=E7=94=BB=E5=83=8F=E3=81=AE=E6=A1=88?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../04-react/declarative-ui.drawio.svg | 313 +++++++++++++++++- 1 file changed, 309 insertions(+), 4 deletions(-) diff --git a/docs/4-advanced/04-react/declarative-ui.drawio.svg b/docs/4-advanced/04-react/declarative-ui.drawio.svg index 0e8e6d59..3ec84594 100644 --- a/docs/4-advanced/04-react/declarative-ui.drawio.svg +++ b/docs/4-advanced/04-react/declarative-ui.drawio.svg @@ -1,4 +1,309 @@ - - - -
ToDo リスト
勉強通学
ToDo リスト
勉強通学睡眠add("睡眠")
const state = {
  todos: ["勉強", "通学"],
};
  render 関数
const state = {
  todos: ["勉強", "通学", "睡眠"],
};
 \ No newline at end of file + + + + + + + + + + { + todos: ["大学へ行く", "勉強する"], + } + + + + + + + + + +
+
+
+ 状態（前） +
+
+
+ + + 状態（前） + + + + + + + + + + + { + todos: ["大学へ行く", "勉強する", "寝る"], + } + + + + + + + + + +
+
+
+ + 状態（後） + +
+
+
+ + + 状態（後） + + + + + + + + + + + + +
+
+
+ + addTodo("寝る") + +
+
+
+ + + addTodo("寝る") + + + + + + + + + + + + + + + + + + + +
+
+
+ + render関数 + +
+
+
+ + + render関数 + + + + + + + + + + + + +
+
+
+ UI（前） +
+
+
+ + + UI（前） + + + + + + + + + + + + + + + + + + +
+
+
+ 大学へ行く +
+
+
+ + + 大学へ行く + + + + + + + + + + + + + + + +
+
+
+ 勉強する +
+
+
+ + + 勉強する + + + + + + + + + + + + + + + + + + + +
+
+
+ 大学へ行く +
+
+
+ + + 大学へ行く + + + + + + + + + + + + + + + +
+
+
+ 勉強する +
+
+
+ + + 勉強する + + + + + + + + + + + + + + + +
+
+
+ 寝る +
+
+
+ + + 寝る + + + + + + + + + + + +
+
+
+ UI（後） +
+
+
+ + + UI（後） + + + + + + + + + + Text is not SVG - cannot display + + + + \ No newline at end of file