reduxjs/redux
6 articles
前提知識
- ›JavaScriptの基礎とES modulesの知識
- ›Reduxをユーザーとして使った経験（actions、reducers、store）
01
Reduxを1,575行で読む：アーキテクチャ概観とプロジェクトナビゲーション
Reduxコアコードベースの全体マップ — 17のソースファイル、9つの公開エクスポート、そしてJavaScriptで最も影響力あるライブラリのひとつを生み出したアーキテクチャ上の決断。
02
createStore の内側：クロージャ、リスナー、そしてディスパッチサイクル
createStore.ts を一行ずつ読み解く — Redux の心臓部となる500行のコードを、引数の整理、ディスパッチサイクル、デュアルMapによるリスナースナップショット、エンハンサーの短絡処理まで徹底解説します。
03
combineReducers: Reducerの合成、バリデーション、そして参照等価性トリック
combineReducersがスライスReducerを生成時にどう検証し、参照等価性チェックで実行時を最適化するか。composeとbindActionCreatorsについても解説します。
04
applyMiddleware を25行で読み解く：ミドルウェアパイプラインとストア拡張
Reduxが持つ最もエレガントな抽象化、StoreEnhancerパターンとその主要な実装であるapplyMiddlewareを、わずか25行のランタイムコードから徹底解説します。
05
ReduxのType System：条件型・ジェネリック推論・型レベルテスト
ReduxのTypeScriptアーキテクチャを深掘りします。ActionからStoreEnhancerまでの型階層、条件型による推論、UnknownIfNonSpecificトリック、型レベルテストまでを丁寧に解説します。
06
ソースからバンドルへ: エラーマングリング、マルチフォーマットビルド、Dev/Prod の分岐
Redux のビルドシステムが 17 のソースファイルを最適化されたバンドルへと変換するしくみ — tsup/esbuild パイプライン、React に着想を得たエラーマングリング、kindOf による Dev/Prod 分割、そしてビルド成果物のテスト。