React Pattern List

Architecture Pattern | 架构模式

  • 2016-React Patterns: Patterns for React Developers

  • 2017-10 React mini-patterns: Over the last few years, I’ve worked on a handful of decent-sized React projects, and many, many pint-sized ones. Throughout this magical journey, a number of patterns have come up that I find myself repeating again and again.

  • 2018-Evolving Patterns in React: Let’s take a closer look at some of the patterns that are emerging in the React ecosystem. These patterns improve readability, code clarity, and push your code towards composition and reusability.

Functional React | 函数式 React

HOCs | 高阶组件


Render Props

Style Guide | 样式风格

Code Style | 代码风格

Code Organization | 代码组织

Test | 测试

Component Test | 组件测试

E2E Test | 端到端测试

Static Type | 静态类型



State Management | 状态管理

Redux | 与 Redux 集成使用