Advanced React Patterns (Agent Conf 2023)

Learn how to build simple and flexible React Components and Hooks using modern patterns Making React components and hooks that can be used in multiple places is not hard. What is hard is when the use cases differ. Without the right patterns, you can find yourself with a highly complex component or custom hook that requires a lot of configuration props and way too many if statements.

With this workshop, you'll not only learn great patterns you can use but also the strengths and weaknesses of each, so you know which to reach for to provide your custom hooks and components the flexibility and power you need.

Topics

• Use the Compound Components Pattern to write React components that implicitly share state while giving rendering flexibility to the user
• Provide total logic control with the Controlled Props and State Reducer Patterns
• Maintain referential equality with the latest ref pattern
• And more...

Pre-requisites

• You should be experienced with useContext and useReducer (experience with useMemo and useCallback is a bonus).