Files

react

Failed to load latest commit information.

Cannot retrieve latest commit at this time.

Name		Name	Last commit message	Last commit date
parent directory ..
README.md		README.md

README.md

React

Use React in Strict Mode
Use React with TypeScript
Avoid nested routing if using React Router
Prefer Function Components over Class Components
Prefer keeping a single component in each file
Use PascalCase for component names and their file names
Use React Hooks
Use pre-built hooks when possible (e.g. streamich/react-use)
Use custom hooks to encapsulate stateful logic outside a component
Avoid nesting Forward Refs
Avoid Higher-Order Components and recompose (see hooks above as an alternative)
Prefer the children prop over render props
Prefer using TypeScript prop interfaces over PropTypes
Prefer the short syntax when using Fragments
Prefer React Contexts over Redux
Avoid using indexes as the value for keys
Avoid complex conditionals inside component logic
Prefer component composition over component inheritance

General Philosophies

For greenfield React projects we like to use TypeScript. TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. For a quick introduction, check out TypeScript in 5 minutes.
When building React apps with TypeScript and Apollo, we've found working in VSCode to be a mostly-good experience.