Learn the concepts with ease by following a step-by-step and maintaining a well-balanced approach of theoretical and practical content.

About This Video

• A short, crisp, and complete course that covers Hooks in React 18
• Shows how to combine React Hooks with other React features in a more complex scenario
• Comes bundled with the code files and PPT uploaded on the GitHub repository

In Detail

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. 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, you are not just going to look at how to use React Hooks but also 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.

Here, you will learn all about using React Hooks and the pros and cons of the various Hooks. You will learn when to use useState() versus useReducer(). You will look at using useContext() efficiently. You will see when to use useLayoutEffect() and when useEffect() is better. You will be creating several reusable custom Hooks.

Finally, you will combine all you learned into a more complete utility library to show how it all comes together.

By the end of this course, you will have learned all about React Hooks with TypeScript.

Audience

This course is ideal for React developers wanting to learn how to use Hooks and developers that want to understand how React Hooks work under the hood.

A basic understanding of React and functional components is required along with a computer with Node, NPM, a modern browser such as Chrome or Firefox, and a code editor you like. Basic knowledge of TypeScript and React Hooks is useful but not mandatory.