React Playbook

Styles, Conventions, Rules, Tips, and Tools!

Table of contents

• Component Architecture
  • Intro - The "Component" Problem
  • A Single Component
  • Multiple Components
  • Component Dependencies
  • Example App Structure
  • Future Tooling
  • Appendix
• Best Practices
  • React
  • Redux
• Style
  • coding style
  • Decisions
  • eslint config to support the style //TODO
• Tools
  • Atom
  • VS Code
  • Vim - not yet written
  • CLI
• Useful libs
  • React
  • js
  • MobX
• Notes
  • Flow-Type
  • Terms
  • MobX
  • React
  • React Native
  • Immutable
• Trivia
  • React

Why?

I believe the Rails part of Ruby on Rails was what made it so popular and developer-friendly.

Conventions, patterns, rules, styles, etc reduce the mental load while you are developing. Instead of spending your decision-making energy on how best to perform a routine task, you can essentially go into auto-pilot mode, saving that energy for solving more interesting problems.

React Playbook is a collection of documents that attempts to give React its rails.

Note

If you are new to React, looking through petehunt/react-howto: Your guide to the (sometimes overwhelming!) React ecosystem. is recommended.