React in patterns

📚 List of design patterns/techniques used while developing with React.

---

• Foundation

  • Communication
  • Event handlers
  • Children in JSX
  • Controlled and uncontrolled inputs
  • Composition
  • Higher-order components
  • Presentational and container components

• Dependency management

  • Dependency injection

• Data flow

  • One direction data flow
  • Flux

• MISC

  • Integration of third-party libraries

---

Building the examples

• Run npm i
• Run npm run build for building the examples
• Run npm run watch if you plan making changes
• Open the content of the public folder in a browser

Linting

• Run npm run lint

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