0fprod / react-advanced-patterns

Advanced React Component Patterns

React Advanced Patterns

This repo is maintained to have collection of react patterns & best practices used in the community. This repo provides you the collated list of all the patterns used in the community. If You have discovered one & would love to share your own react pattern simply send us a PR 🙌

This is highly inspired from Michael Jackson & Kent C. Dodds. So special thanks to them for the lovely react patterns in life 😊

React Advanced Patterns

• Compound Components
• Flexible Compound Components
• Prop Collection
• Prop Getters
• Render Props
• State Reducers
• Higher Order Components
• Provider Pattern
• React Hooks

Best Practices when you React

• Functional setState
• Get Rid of Unnecessary updates in React
• Destructuring and spreading props
• Runtime type checking with prop types
• Using defaultProps
• Using displayName
• Conditional Rendering

If you want to propose a pattern you should submit it with below points:

• What is so special about this pattern?
• Use case or inspired from ?
• Example (CodesandBox preferred)

Contributors

Thanks goes to these wonderful people (emoji key):

Manjula Subhashchandra Dube 📖 💻 💡	Vivek Nayyar 📖 💻 💡	Ryan Dsouza 📖 💡	Meghna Srivastava 📖 💡	Edward Drapkin 📖 💡	Felipe F. Diogo 📖 💡	Alex Rohleder 📖 💡
Sachin Jani 📖 💡	Garet McKinley 📖 💡	anotherjsguy 📖 💡

This project follows the all-contributors specification. Contributions of any kind welcome!