#状態管理
8 件の記事
React状態管理の深掘り #6 どのツールをいつ使うか — 決定ガイド
組み込みツールからTanStack Query、Zustand、Jotai、Redux Toolkitまでを1枚の決定フローにまとめます。状況別に何を取り出すか、よくある落とし穴は何かを整理するシリーズのまとめです。
React状態管理の深掘り #5 Redux Toolkitとレガシーの文脈
一時代を支配し、今も多くのコードベースに残るReduxを、現在の推奨形であるRedux Toolkitで整理します。スライス、ストア、useSelectorと、新しいプロジェクトでの位置づけを押さえます。
React状態管理の深掘り #4 Jotaiと原子（atom）モデル
状態を1つのストアではなく小さな原子に分けて組み立てる、Jotaiのボトムアップモデルを扱います。原子、派生原子、useAtomの挙動と、Zustandとの違いを整理します。
React状態管理の深掘り #3 Zustandで扱う軽量なクライアント状態
Providerなしで、最小限のボイラープレートでグローバルなクライアント状態を共有するZustandを扱います。ストアの生成、セレクターによる再レンダリング最適化、persistミドルウェアまで整理します。
React状態管理の深掘り #2 TanStack Queryで扱うサーバー状態
useEffectとuseStateで書いていたデータ取得をTanStack Queryに移すと、キャッシュ、再取得、ローディングとエラー処理が自動で付いてきます。useQueryとuseMutationの核心を整理します。
React状態管理の深掘り #1 クライアント状態とサーバー状態の違い
useStateだけでは足りなくなる地点を押さえ、クライアント状態とサーバー状態を区別するメンタルモデルを立てます。状態管理ツールを選ぶ出発点です。
Angular実践 #4 状態管理 — SignalStore で整理する
前回 ProductService に直接埋め込んでいたシグナル状態を、今回は @ngrx/signals の SignalStore に移して整理します。withState/withComputed/withMethods/withHooks の 4 兄弟で、状態・派生値・メソッド・ライフサイクルを 1 カ所にまとめる流れを順を追って見ていきます。
JavaScript実践 #5 ローカルストレージと軽量な状態管理
localStorage / sessionStorage の使い方と落とし穴、そしてライブラリなしで画面の状態をすっきり管理するパターン。