React Patterns Table of Contents Async initialization in componentDidMount() Functional setState (Pass a function to setState) Higher-order function Higher-order component Accessing a child component JSX spread attributes Render callback Function as child component Function as prop component Component injection Conditional rendering Destructuring Destructuring function arguments Nested destructuring Destructuring rest/spread operator Promises over Callbacks Functional stateless component (known as Presentational component) Container component (known as Stateful component) State hoisting Props in Initial State is an Anti-Patterns shouldComponentUpdate avoid heavy re-renders Controlled and uncontrolled input Indexes as a key is an anti-patterns Spreading props on DOM elements is an anti-patterns PureComponent avoid heavy re-renders Contributing We'd love to have your helping hand on contributions to the project by forking and sending a pull request! Your contributions are heartily ♡ welcome, recognized and appreciated. (✿◠‿◠)