How to design react component

[KenlamCoding]

• Stateless component: only for display, run independently, and do not add additional functions

1. Proxy component: use the third-party library
2. Styled components: dynamic class names
3. Layout components: reusable layouts such as styles, or layout components

• Stateful component:
  process business logic and data state

1. Container components It is non-reusable, mainly for pulling data and combining components.

2. Higher-order components Reusing component logic in React.