A general overview of what’s going to be included in the workshop:
We’ll explore all the advanced techniques for making flexible and maintainable React components. We’ll see how using popular patterns like Compound Components, Controlled Components, Render Props, Function As A Child etc. can help us in simplifying things, making our components more reusable and our apps more declarative.
React 16 & Beyond
React 16 comes with some major changes and an update to the core algorithm. In this module, we’ll explore some practical use-cases for Portals, Fragments etc. React.lazy and Suspense will help us to easily code split and lazy load components in our app in order to reduce the final size of the bundle. We’ll see how the new Context API can simplify state-management and various component reusability patterns.
Classes are so 2018, so we’ll start by learning everything about the biggest change that happened to React: Hooks. Combined with Context, they are changing the entire state-management game. We’ll cover useState, useEffect, useContext, etc. Although useful on their own, they’re even more powerful when combined and abstracted away in custom hooks.