React Hooks Tips Only the Pros Know
What you'll learn
- Getting started with React functional components and Hooks.
- Go beyond the basic use cases with React Hooks.
- Create custom React Hooks.
- Understand why you need to follow the rules of React Hooks.
- Understand how Hooks are implemented in the React source code.
- How to combine React Hooks with other React features in a more complex scenario.
- How to use React Hooks with TypeScript.
- A basic understanding of React and functional components is required.
- A computer with Node, NPM, a modern browser like Chrome or FireFox and a code editor you like is required.
- A basic understanding of TypeScript is useful but not required.
- Any previous experience with React Hooks is not required.
Are you loving React but new to the Hooks API? Are you already using React Hooks but not sure you are doing the right thing? Or maybe you are sometimes getting tripped up by some of the React Hooks details?
The addition of the Hooks API to React was quite a major change. Before React Hooks most components had to be class based. Now, with hooks, these are often much simpler functional components. Hooks can be really simple to use. Almost deceptively simple. Because there are still plenty of ways you can mess up with React Hooks. And it often turns out there are many ways where you can improve your components by a better understanding of how each React Hook can be used.
In this course we are not just going to look at how to use React Hooks. We are also going to go behind the scenes and dive into the source code of React and the React ESLint rules to see why hooks work the way they do.
My name is Maurice de Beijer and I love React. I have been using React Hooks since they first shipped. In this video course I would like to teach you all about using React Hooks. During this course you will learn quite a few things. You will learn all about the pros and cons of the various hooks. You will learn when to use useState() versus useReducer(). We will look at using useContext() efficiently. You will see when to use useLayoutEffect() and when useEffect() is better. We will also cover creating several reusable custom hooks. In the last section we will combine all we learned into a more complete utility library to show how it all comes together. And I will be using TypeScript in most of the course so maybe you can pick up a few tips there as well. So come and join me with your laptop in this interactive course.
Is this course for you? Never worked with React hooks before? No problem, we will start from the beginning. Already using React Hooks a bit but want to learn more? Sweet. New to TypeScript? No problem. Do you have a reasonable understanding of React? Great, you have the prerequisite knowledge. Also have a computer with a modern browser and code editor? Super, you are all set to get started.
Who this course is for:
- React developers wanting to learn how to use Hooks.
- Developers that want to understand how React Hooks work under the hood.
Hello, I'm Maurice.
I am a software consultant and trainer, specializing in TypeScript, ECMAScript, React, Svelte and ASP.NET MVC. My work includes a large, global, safety application for the oil and gas industry. This is completely done with React. I have also worked on many other applications.
I am also active in the open source community. You can check out my GitHub account.
When not building applications myself I teach other developers. The topics vary from ECMAScript, TypeScript, React, Svelte, Vue, Cypress, RxJS to ASP.NET MVC.
I have received Microsoft’s Yearly Most Valuable Professional Award since 2005. I am also active in the dotNed user group and helps organize its meetings.