ステップアップ

React · 中級 - 実践的なものを作る

• 制御されたフォームすべてのフォームフィールドを React の state から制御する方法を学び、信頼できるデータを検証して送信できるようにします。
• useEffect: 副作用、依存配列、クリーンアップuseEffect を使ってコンポーネントを外の世界と同期させ、依存配列とクリーンアップを使いこなします。
• state を引き上げてデータを共有する各 state を最も近い共通の祖先に置くことで、重複させることなく複数のコンポーネント間でデータを共有します。
• コンポジション: children とコンポーネントへの分割children prop を使って再利用可能なコンテナコンポーネントを作り、画面を明確な責務ごとに分割します。
• API を呼び出す: fetch、ローディング、エラー副作用の中で fetch を使ってリモートデータを読み込み、ローディングとエラーの状態をきれいにモデリングします。