reduxjs/redux
6 articles
前置知识
- ›JavaScript 基础知识与 ES 模块
- ›有使用 Redux 的实际经验(actions、reducers、store)
01
Redux 源码精读:1,575 行代码的架构全景
Redux 核心代码库的高层导览 —— 17 个源文件、9 个公开导出,以及让它成为 JavaScript 最具影响力的库之一的架构决策。
02
深入 createStore:闭包、监听器与 dispatch 循环
逐行解析 createStore.ts —— Redux 核心的 500 行代码,涵盖参数处理、dispatch 循环、双 Map 监听器快照机制,以及 enhancer 的短路逻辑。
03
combineReducers:Reducer 组合、校验与引用相等性优化
combineReducers 如何在创建时校验 slice reducer,以及如何通过引用相等性优化运行时性能——同时介绍 compose 与 bindActionCreators。
04
25 行代码读懂 applyMiddleware:中间件管道与 Store 增强
深入剖析 Redux 最优雅的抽象——StoreEnhancer 模式及其核心实现 applyMiddleware,全部运行时代码仅 25 行。
05
Redux 的类型系统:条件类型、泛型推断与类型层面测试
深入探索 Redux 精密的 TypeScript 类型架构——从 Action 到 StoreEnhancer,涵盖条件推断、UnknownIfNonSpecific 技巧以及类型层面的测试实践。
06
从源码到构建产物:错误码压缩、多格式构建与开发/生产环境的差异化处理
Redux 的构建系统如何将 17 个源文件转换为优化后的产物——tsup/esbuild 流水线、借鉴 React 的错误码压缩、kindOf 的开发/生产环境拆分,以及针对构建产物的测试策略。