状態管理の基礎
知識課題
知識課題1
- フロントエンド開発における
状態(State)とは何か、あなたの言葉で説明してください。 - なぜ
状態管理(State Management)が、現代のWebアプリケーション開発において重要なのか説明してください。
知識課題2
Local StateとGlobal Stateの違いを説明してください。Local StateとGlobal Stateが、それぞれどのような場面で使われるのが適切か、具体例を挙げて説明してください。
知識課題3
Local Stateのみでアプリケーションの状態を管理しようとすると、どのような問題が発生するか説明してください。Reduxのようなグローバル状態管理を導入することで得られるメリットを説明してください。- すべての状態を
Global Stateで一元管理することのデメリットや危険性について考察し、説明してください。 - アプリケーションの規模が大きくなるにつれて、
Global Stateが肥大化すると、どのような問題が発生する可能性があるか説明してください。
知識課題4
Server Cache State/Form State/URL Stateが、それぞれどのような状態か説明してください。- なぜこれらの状態を
Global Stateとは区別する必要があるのか、それぞれの特性を踏まえて説明してください。
実践課題
- 以下の
Zustand公式チュートリアル(Tic-Tac-Toe)を最後まで実施し、動作するアプリケーションを完成させてください。 - 完成後、作成したコードを提出してください。