From f61d6be30bff9eb5c4fa01cfc79d661d0fb4a1ac Mon Sep 17 00:00:00 2001 From: asa-taka Date: Mon, 29 Aug 2022 12:13:00 +0900 Subject: [PATCH 1/2] Add prior_knowledge --- src/frontend/react/README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/frontend/react/README.md b/src/frontend/react/README.md index de0308584..7c0392bfd 100644 --- a/src/frontend/react/README.md +++ b/src/frontend/react/README.md @@ -3,7 +3,7 @@ footer: CC BY-SA Licensed | Copyright (c) 2020, Internet Initiative Japan Inc. title: Reactでシングルページアプリケーションを書こう description: Reactでシングルページアプリケーションを書こう time: 2h -prior_knowledge: 特になし +prior_knowledge: JavaScript, TypeScript, HTML, DOM, Docker --- From 44453f6261df85ca474567c2a221c033b9a4adbd Mon Sep 17 00:00:00 2001 From: asa-taka Date: Mon, 29 Aug 2022 12:38:50 +0900 Subject: [PATCH 2/2] Add note about fetch --- src/frontend/react/README.md | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/frontend/react/README.md b/src/frontend/react/README.md index 7c0392bfd..0d73089f7 100644 --- a/src/frontend/react/README.md +++ b/src/frontend/react/README.md @@ -524,6 +524,9 @@ Reactのコンポーネントは`componentDidMount`のようにいくつかの 説明すると長くなりますし「習うより慣れよ」な仕組みなため、たくさんコードを書いて理解してください。 +ブラウザでは[fetch](https://developer.mozilla.org/ja/docs/Web/API/Fetch_API)という関数を使ってサーバへのリクエストを送ります。 +fetchも`Promise`を利用しているため、`Promise`に慣れておくと、リクエストの結果をReactで描画するという、実践的なアプリケーションを書けるようになります。 + ::: #### チェックポイント