You must know about Render props design patten | React JS
Render props pattern is the most import design pattern in React JS. This patten not only reduce unnecessary renders but also let us reuse both UI logic and business logic. You may have seen it already in react-hook-form and popular UI libraries. Knowing this pattern will let you code beyond just NPM libraries. Therefore, watch this until the end.