React design pattern

[YogeshG85]

• Container Components: Container components are used to manage and manipulate state. They are responsible for fetching data, and then passing it down to presentational components.
• Presentational Components: Presentational components are used to display data. They receive data and callbacks via props, and are typically stateless.
• Higher-Order Components (HOCs): HOCs are functions that take a component as an argument and return a new component with additional props. They are often used to provide a reusable wrapper around a component that implements common behavior, such as authentication.
• Render Props: Render props are a way to share code between components using a prop whose value is a function. They are used to create flexible and reusable components that can be used in multiple places in an application.
• State Management Libraries (such as Redux): State
• libraries are used to manage the state of an application in a centralized way. They provide a way to store and update state, as well as a mechanism for components to subscribe to state changes.
• Lazy Loading: Lazy loading is a way to defer the loading of components until they are actually needed, in order to improve the performance of an application.