React Advanced Patterns & React 16 features
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 all of the additions. We’ll see how the new Context API can simplify state-management and various component reusability patterns. 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.
Only a laptop. Most of the exercises will be done in CodeSandbox so a local setup is not required. If anyone wants to run things locally they should have node, npm or yarn, and create-react-app installed on their machine.
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, useRef, useCallback etc. Although useful on their own, they’re even more powerful when combined and abstracted away in custom hooks.Frequently Asked Questions
Do I need a laptop?
Do I need to have a local setup?
Only if you want to. We’re gonna use CodeSandbox for all the exercises so you can even use an iPad or a Chromebook.
If I want a local setup, which tools should I install?
Node >= 6.
An editor of your choice. VS Code is free and it has everything that you need out of the box.
Hint: You can use nvm, nvm-windows, or n to easily switch Node versions on your machine.
What are the prerequisites for this workshop?
Good understanding of React and most of its concepts
Founder @ React Academy
Kitze had the chance to work and experiment with a variety of frameworks and libraries. He founded React Academy to teach React around the world. Made sizzy.co, ok-google.io and JSUI.