React-Redux 学习资源全指南:从入门到进阶
为什么需要这份学习资源指南
Redux 官方文档已经提供了很好的基础知识教学,但作为一个完整的生态系统,Redux 还有许多进阶概念和实践经验值得探索。本文整理了一系列优质的外部学习资源,帮助开发者从不同角度掌握 Redux。
基础入门教程
对于刚接触 Redux 的开发者,这些教程能帮助你快速建立概念模型:
-
React+Redux+TypeScript 入门
由 Redux 核心维护者编写的幻灯片教程,全面覆盖 React、Redux 和 TypeScript 的基础知识,特别适合需要类型安全的开发者。 -
现代 Redux 开发实践
通过直播编码演示如何使用 Redux Toolkit 和 React-Redux 从零搭建应用,包含最新的 RTK Query 数据获取 API 使用方式。 -
Redux 快速上手指南
简明扼要地讲解 Redux 核心概念,对比了原生 Redux 和 Redux Toolkit 的使用差异,适合快速建立认知。 -
Redux 初学者友好教程
通过构建待办事项应用,手把手教你使用 Redux Toolkit 和 React-Redux,包含数据获取等常见场景。
React 与 Redux 结合
理解如何将 Redux 集成到 React 应用中:
-
从 connect 到 Hooks 的迁移
视频教程详细对比了传统的 connect API 和新的 Hooks API 的区别,帮助你现代化现有 Redux 应用。 -
Redux 在 React 中的价值
深入分析 Redux 如何解决组件间状态共享问题,以及如何实现热模块替换等高级特性。
项目实战教程
通过实际项目学习 Redux 的最佳实践:
- Redux 实战系列
通过构建一个完整的战役管理应用,展示如何处理关系型数据、复杂表单、模态对话框等真实场景。虽然部分模式已经更新,但核心思想仍然适用。
Redux 实现原理
深入理解 Redux 内部工作机制:
-
Redux 核心概念视频教程
Redux 创始人亲自讲解的 30 个短视频,每个仅 2-5 分钟,涵盖所有基础概念。 -
Redux 进阶视频教程
继续深入讲解初始化状态、路由集成、选择器函数、状态规范化等高级主题。 -
手写迷你 Redux
通过从零实现一个简化版 Redux,透彻理解其核心机制,包括 connect 和中间件的工作原理。
核心概念深入
Reducer 设计模式
-
combineReducers 高级用法
展示如何分层使用 combineReducers 构建状态树,分析不同组织方式的优劣。 -
高阶 Reducer 模式
介绍如何通过组合小型 reducer 函数来构建复杂逻辑,提高代码复用性。
选择器(Selectors)
-
Reselect 完全指南
详细解释为何需要选择器函数,如何使用 Reselect 创建高性能选择器,以及进阶优化技巧。 -
选择器在 Redux 中的应用
视频教程展示如何通过选择器从 store 中提取和派生数据。
状态规范化
-
Redux 状态查询策略
探讨如何像数据库一样组织 Redux 状态,包括数据规范化和选择器使用。 -
高级实体规范化
引入"keyWindow"概念来跟踪状态子集,类似于 SQL 视图。
中间件与副作用处理
中间件机制
-
Redux 中间件深入探索
通过一系列小实验帮助你理解中间件工作原理。 -
自定义中间件开发
教程详细解释中间件在 Redux 中的定位,以及如何实现自己的中间件。
异步处理基础
-
Redux 异步操作指南
从最简单的 setTimeout 开始,逐步演进到 thunk 中间件,展示 Redux 处理异步的标准路径。 -
Thunk 核心概念
清晰解释 thunk 的概念及其在 Redux 中的应用场景。
高级异步方案
-
Redux 异步方案比较
全面对比 thunks、sagas、observables 等不同方案的适用场景。 -
Redux-Saga 深入解析
系列文章深入讲解 generator 原理、saga 组合模式以及实际应用案例。 -
响应式 Redux 实践
介绍响应式编程思想,展示如何使用 redux-observable 处理异步流。
Redux 设计哲学
-
何时(不)应该使用 Redux
维护者亲自阐述 Redux 解决的问题边界,以及与其他状态管理方案的对比。 -
Redux 之道
两篇深度文章分析 Redux 的设计意图、约束条件和使用哲学。 -
Redux 的独特价值
从面向对象和消息传递的角度,深入分析 Redux 的设计优势。
架构最佳实践
-
避免状态结构复杂化
提供组织 Redux 状态树的实用准则。 -
Redux 项目结构指南
分享大型应用中组织 Redux 代码的经验教训。 -
Redux 开发者的经验之谈
汇总了连接组件、数据选择和项目结构等方面的实战技巧。
学习路径建议
对于初学者,建议按照以下顺序学习:
- 先掌握基础概念和 React 集成
- 然后学习中间件和异步处理
- 最后研究架构设计和高级模式
随着 Redux 生态的发展,特别是 Redux Toolkit 的普及,许多传统模式已经简化。建议新项目优先采用现代 Redux 实践,以获得更好的开发体验。
Kimi-K2.5Kimi K2.5 是一款开源的原生多模态智能体模型,它在 Kimi-K2-Base 的基础上,通过对约 15 万亿混合视觉和文本 tokens 进行持续预训练构建而成。该模型将视觉与语言理解、高级智能体能力、即时模式与思考模式,以及对话式与智能体范式无缝融合。Python00
GLM-4.7-FlashGLM-4.7-Flash 是一款 30B-A3B MoE 模型。作为 30B 级别中的佼佼者,GLM-4.7-Flash 为追求性能与效率平衡的轻量化部署提供了全新选择。Jinja00
VLOOKVLOOK™ 是优雅好用的 Typora/Markdown 主题包和增强插件。 VLOOK™ is an elegant and practical THEME PACKAGE × ENHANCEMENT PLUGIN for Typora/Markdown.Less00
PaddleOCR-VL-1.5PaddleOCR-VL-1.5 是 PaddleOCR-VL 的新一代进阶模型,在 OmniDocBench v1.5 上实现了 94.5% 的全新 state-of-the-art 准确率。 为了严格评估模型在真实物理畸变下的鲁棒性——包括扫描伪影、倾斜、扭曲、屏幕拍摄和光照变化——我们提出了 Real5-OmniDocBench 基准测试集。实验结果表明,该增强模型在新构建的基准测试集上达到了 SOTA 性能。此外,我们通过整合印章识别和文本检测识别(text spotting)任务扩展了模型的能力,同时保持 0.9B 的超紧凑 VLM 规模,具备高效率特性。Python00
KuiklyUI基于KMP技术的高性能、全平台开发框架,具备统一代码库、极致易用性和动态灵活性。 Provide a high-performance, full-platform development framework with unified codebase, ultimate ease of use, and dynamic flexibility. 注意:本仓库为Github仓库镜像,PR或Issue请移步至Github发起,感谢支持!Kotlin07
compass-metrics-modelMetrics model project for the OSS CompassPython00