React Hooks Tips Only the Pros Know

Focused View

ABL THE PROBLEM SOLVER

2:23:35

84 View

01.01-welcome.mp4

01:32

01.02-course_goals.mp4

02:17

01.03-personal_introduction.mp4

01:55

01.04-prerequisites.mp4

05:35

02.01-the_standard_usestate()_hook-part_1.mp4

02:51

02.02-the_standard_usestate()_hook-part_2.mp4

03:17

02.03-the_standard_useeffect()_hook.mp4

07:16

02.04-the_standard_usecontext()_hook.mp4

02:52

03.01-custom_hooks.mp4

04:38

03.02-rules_of_hooks-custom_hook_names.mp4

06:14

03.03-the_standard_useref()_hook.mp4

06:59

03.04-the_standard_uselayouteffect()_hook.mp4

06:39

03.05-the_useref()_and_usestate()_hooks_and_dependencies.mp4

05:57

03.06-creating_a_custom_usedebounce()_hook.mp4

04:14

03.07-the_standard_usecallback()_hook.mp4

05:13

03.08-creating_a_custom_usewillunmount()_hook.mp4

03:55

03.09-creating_a_custom_usethrottle()_hook.mp4

05:17

03.10-the_standard_usedebugvalue()_hook.mp4

03:55

03.11-rules_of_hooks-only_call_hooks_at_the_top_level.mp4

09:49

03.12-using_multiple_usestate()_hooks.mp4

05:11

03.13-the_standard_usereducer()_hook.mp4

10:18

03.14-the_standard_usememo()_hook.mp4

03:25

04.01-introduction_to_kimrof.mp4

03:01

04.02-the_kimrof_context_and_provider.mp4

04:57

04.03-displaying_the_values.mp4

05:32

04.04-editing_the_data.mp4

04:50

04.05-submitting_the_form.mp4

06:25

04.06-validating_the_form.mp4

09:31

9781803233864_Code.zip

Description

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

More details

User Reviews

Rating

average 0

Total votes0

Focused display

React

React Native

ABL THE PROBLEM SOLVER

Instructor's Courses

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.

PacktPub

View courses PacktPub

Packt is a publishing company founded in 2003 headquartered in Birmingham, UK, with offices in Mumbai, India. Packt primarily publishes print and electronic books and videos relating to information technology, including programming, web design, data analysis and hardware.