Skip to content

状態管理の基礎

知識課題

知識課題1

  • フロントエンド開発における状態(State)とは何か、あなたの言葉で説明してください。
  • なぜ状態管理(State Management)が、現代のWebアプリケーション開発において重要なのか説明してください。

知識課題2

  • Local StateGlobal Stateの違いを説明してください。
  • Local StateGlobal Stateが、それぞれどのような場面で使われるのが適切か、具体例を挙げて説明してください。

知識課題3

  • Local Stateのみでアプリケーションの状態を管理しようとすると、どのような問題が発生するか説明してください。
  • Reduxのようなグローバル状態管理を導入することで得られるメリットを説明してください。
  • すべての状態をGlobal Stateで一元管理することのデメリットや危険性について考察し、説明してください。
  • アプリケーションの規模が大きくなるにつれて、Global State肥大化すると、どのような問題が発生する可能性があるか説明してください。

知識課題4

  • Server Cache State/Form State/URL Stateが、それぞれどのような状態か説明してください。
  • なぜこれらの状態をGlobal Stateとは区別する必要があるのか、それぞれの特性を踏まえて説明してください。

実践課題

  • 以下のZustand公式チュートリアル(Tic-Tac-Toe)を最後まで実施し、動作するアプリケーションを完成させてください。
  • 完成後、作成したコードを提出してください。

参考資料