File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change @@ -73,7 +73,7 @@ JSON がうまく構造化されている場合、それが UI のコンポー
7373
7474## ステップ 2: React で静的なバージョンを作成する {/* step-2-build-a-static-version-in-react* /}
7575
76- これでコンポーネント階層ができたので、アプリの実装に取り掛かりましょう。最も分かりやすいアプローチは、インタラクティブな要素はまだ加えず、単にデータモデルから UI をレンダーするバージョンを作成することです。静的なバージョンを先に構築し、後からインタラクティブ性を追加する方が、多くの場合は簡単です。静的なバージョンを作成する間はタイプ量が多い代わりに考えることはほどんどなく 、インタラクティブな要素を追加しようとするとタイプ量が少ない代わりに考えることが多くなります。
76+ これでコンポーネント階層ができたので、アプリの実装に取り掛かりましょう。最も分かりやすいアプローチは、インタラクティブな要素はまだ加えず、単にデータモデルから UI をレンダーするバージョンを作成することです。静的なバージョンを先に構築し、後からインタラクティブ性を追加する方が、多くの場合は簡単です。静的なバージョンを作成する間はタイプ量が多い代わりに考えることはほとんどなく 、インタラクティブな要素を追加しようとするとタイプ量が少ない代わりに考えることが多くなります。
7777
7878データモデルをレンダーする静的バージョンのアプリを作成するにあたっては、[ コンポーネント] ( /learn/your-first-component ) を作成していく際に、他のコンポーネントを再利用しつつ [ props] ( /learn/passing-props-to-a-component ) 経由でそれらにデータを渡すようにします。props とは、親から子へとデータを渡すための手段です。(もし [ state] ( /learn/state-a-components-memory ) の概念に馴染みがある場合でも、この静的なバージョンを作成している間は state を一切使わないでください。state はインタラクティビティ、つまり時間とともに変化するデータのためにあるものです。今はアプリの静的なバージョンなので state は不要です。)
7979
You can’t perform that action at this time.
0 commit comments