React in patterns
A free book on design patterns and techniques for building apps with React.
- Stars
- 13.6k
- Forks
- 977
- Licence
- MIT
- Language
- JavaScript
- Last update
- 1.8 years ago
- Type
- Learning resource
No commits in over a year — check for forks or alternatives before adopting.
What it is
This is a free book about patterns and techniques used when building user interfaces with React, a JavaScript library. It covers topics such as component communication, composition, data flow with Flux and Redux, dependency injection, and styling. It is meant to help developers understand common approaches and the reasons behind them.
- Read the chapters on composition and render props to learn reusable component patterns
- Work through the Flux and Redux chapters to compare state management approaches
- Use the code samples in the repository alongside the book chapters
- Read the book online, or download the PDF, Mobi, or ePub version
Great for
- Developers who already know basic React and want to learn common structuring patterns
- Developers comparing approaches like Flux, Redux, or context-based dependency injection
- Students learning how React apps are organized in practice
- Readers who prefer a free, offline-friendly book in PDF, Mobi, or ePub format
Not ideal for
- Complete beginners to JavaScript or React, since the README does not describe a beginner path and assumes some familiarity with the topics
- Readers looking for up-to-date guidance on current React features, since the last push was January 2025 and the README references older React versions such as pre-16.3 context
How to get it
- 1
Read it online
Clone the repository
git clone https://github.com/krasimir/react-in-patterns - 2
Run it
- Open the Web version of the book from the README link to ./book
- Read the chapters in the order listed in the Content section
- Open the code folder to run the book's code samples if you want to experiment
- 3
Get the most out of it
- Read the Foundation section first, since later chapters build on component communication and composition
- Compare the Flux and Redux chapters side by side to see how each handles state
- Read the Other resources links listed in the README for additional React patterns material
- Use the Chinese translation linked in the README if you prefer that language
Downloads
Strengths
- Free and open source under the MIT license
- Organized as a structured book with a clear table of contents covering foundations, data flow, and miscellaneous topics
- Includes runnable code samples linked from the book
Trade-offs
- The README does not state which React version the examples target, and some content refers to older React versions
- Focused on concepts and patterns rather than a full project tutorial
- Build instructions for ebook generation require extra tools such as calibre
How it compares
| Project | Stars | Type | Level | Updated | Best for |
|---|---|---|---|---|---|
| react-in-patterns (this) | 13.6k | Learning resource | intermediate | 1.8 years ago | Developers who already know basic React and want to learn common structuring patterns |
| react-redux-typescript-guide | 13.3k | Learning resource | intermediate | 6 months ago | Developers who already know React and want to add TypeScript to an existing app |
Stats synced from GitHub. The assessment above was drafted with AI from the project's README on 2026-10-29 and may miss recent changes — check the README before relying on a command. MIT licence: free to use, modify and distribute, including commercially, as long as you keep the copyright notice.