《React in patterns》 中文版来了

本文首发于知乎，各位可以通过点击文章下方的阅读原来来访问原文地址

大概十天前，在 GitHub Trending 上看到一本 React 开源书 《React in patterns》 ，随便翻了翻，篇幅虽然不多，但是内容质量很高，无愧于将近 9k 的 stars 。由于比较喜欢，所以利用周末的时间把书翻译成了中文，希望能有更多喜欢 React 的人学习收益。

图书链接地址

https://github.com/SangKa/react-in-patterns-cn

简介

本书的目标读者是对 React 是什么以及如何使用 React 有基础了解的开发者。本书并不是完整的 React 使用指南，而是对 React 流行的概念及设计模式的介绍。这些范式或多或少都是由开源社区所引入的，其主要目的在于引导你的抽象思维。例如，它讨论的不是 Flux，而是数据流。它讨论的不是高阶组件，而是组合( composition ) 。

本书的主观性比较强。它代表了我对所描述的模式的理解，可能和你在网络上看到的解释有所不同。当你使用本书作为论点与某人辩论时，请牢记这点。

目录

基础

• 组件通讯
• 输入
• 输出
• 事件处理
• 组合
• 使用 React children API
• 将 child 作为 prop 传入
• 高阶组件
• 将函数作为 children 传入和 render prop
• 受控输入和非受控输入
• 展示型组件和容器型组件

数据流

• 单向数据流
• Flux
• Flux 架构及其主要特点
• 实现 Flux 架构
• Redux
• Redux 架构及其主要特点
• 使用 Redux 的简单计数器应用

其他

• 依赖注入
• 使用 React context (16.3 之前的版本)
• 使用 React context (16.3 及之后的版本)
• 使用模块系统
• 组件样式
• 经典 CSS 类
• 内联样式
• CSS 模块
• Styled-components
• 集成第三方库