React 関連記事を読む #3

記事情報

ReactアプリケーションのState管理戦略について詳しく説明しています。主に以下の3つのカテゴリに分けてStateを管理する方法を提案しています。

サーバーデータのキャッシュ: この部分では、サーバーからのデータを効率的にキャッシュする方法について説明しています。特に、SWRライブラリを使用してサーバーデータのキャッシュを管理する方法に焦点を当てています。

Global State: ここでは、ページ間で継続して保持する必要があるグローバルな状態（例えば、認証情報や通知など）の管理について説明しています。この部分では、Recoilライブラリを使用してGlobal Stateを管理する方法について詳しく説明しています。

Local State: 最後に、各コンポーネント内で完結するローカルな状態の管理について説明しています。これは、主にReactの基本的なuseStateフックを使用して行われます。

記事では、これらの戦略を採用することで、アプリケーションのState管理がより効率的かつ整理されたものになると主張しています。また、各戦略の具体的な実装方法や考え方についても詳細に説明しています。

State 管理の対象をサーバーデータのキャッシュ・Global state ・ローカルな state に分類する

現在のプロジェクトだと、state をページを跨いで渡していたが、このあたりはライブラリを使って管理したほうがすっきりしてよさそう