React Hooks Tips Only the Pros Know

Description

Have you never worked with React Hooks before? Already using React Hooks a bit but want to learn more? New to TypeScript? Do you have a reasonable understanding of React? Have a computer with a modern browser and code editor? If your answer is yes, then you are the one who is best suited for this course. A beginner-friendly course to get you started with React Hooks.

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. All the resource files are uploaded on the GitHub repository at https://github.com/PacktPublishing/react-hooks-tips-only-the-pros-know-course

Get 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
Learn how to use React Hooks with TypeScript

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.

This is a short, interactive, and complete course on Hooks features in React 18. This course follows a hands-on approach with a good balance between theoretical and practical content. The code files are uploaded on the GitHub repository; however, the author insists on typing and executing the code as you follow along.

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

https://github.com/PacktPublishing/react-hooks-tips-only-the-pros-know-course

Maurice de Beijer is a software consultant and a trainer, specializing in TypeScript, ECMAScript, React, Svelte, and ASP.NET MVC. He has worked for a large, global safety application for the oil and gas industry using React. He is also an active member of the open-source community and the dotNet user group and helps organize its meetings. When not building applications, he teaches other developers on the topics he specializes in. He has been Microsoft's yearly most valuable professional award winner since 2005.

1. Introduction

2. React Hooks - The Basics

3. React Hooks - Beyond The Basics

4. Kimrof - A Formik like forms library