You might already be familiar with the basics of React Hooks, but in this workshop, we’ll go in depth and discover all the advanced functionalities. We’ll cover the use cases and the caveats of the most important hooks like: useState, useEffect, useCallback, useMemo, etc. We’ll also combine these hooks and abstract some app behavior in custom hooks, which will simplify the logic of our app. We’ll also explore use cases for the weird hooks like useImperativeHandle and useLayoutEffect.
You might be used to using React Refs to access DOM nodes, but now that we’re not using classes anymore, the useRef hook will give refs a completely new meaning.Once we’re comfortable with all the advanced features of hooks, we’ll combine them with React Components and React Context in order to build component patterns like Compound Components, Controlled Components, Render Props, Function As A Child etc. These patterns will simplify the state management of our app and they will make our components more reusable and declarative.
At the end of the workshop, we will also cover some extra features like Suspense, Lazy Loading, Error Boundaries, etc.
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.
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.