krasimir / react-in-patterns
A free book that talks about design patterns/techniques used while developing with React.
AI Architecture Analysis
This repository is indexed by RepoMind. By analyzing krasimir/react-in-patterns in our AI interface, you can instantly generate complete architecture diagrams, visualize control flows, and perform automated security audits across the entire codebase.
Our Agentic Context Augmented Generation (Agentic CAG) engine loads full source files into context, avoiding the fragmentation of traditional RAG systems. Ask questions about the architecture, dependencies, or specific features to see it in action.
Repository Summary (README)
PreviewReact in patterns
:books: A free book that talks about design patterns/techniques used while developing with React.
Book

Translations
Content
Foundation
- Communication
- Event handlers
- Composition
- Controlled and uncontrolled inputs
- Presentational and container components
Data flow
MISC
Source code
The code samples used in the book are available here.
Other resources
- React Design principles
- Airbnb React/JSX Style Guide
- React patterns at Planning Center Online
- React patterns by Michael Chan
- React patterns, techniques, tips and tricks
Building the book
yarn install && yarn build
To make the ebook generating possible install calibre and ln -s /Applications/calibre.app/Contents/MacOS/ebook-convert /usr/local/bin/.