Mô tả

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.

Bạn sẽ học được gì

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.

Yêu cầu

  • 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.

Nội dung khoá học

4 sections

Introduction

4 lectures
Welcome
01:32
Course Goals
02:17
Personal introduction
01:55
Prerequisites
05:35

React Hooks - The Basics

4 lectures
The standard useState() hook (1/2)
02:51
The standard useState() hook (2/2)
03:17
The standard useEffect() hook
07:16
The standard useContext() hook
02:53

React Hooks - Beyond The Basics

14 lectures
Custom hooks
04:38
Rules of Hooks - Custom hook names
06:14
The standard useRef() hook
06:59
The standard useLayoutEffect() hook
06:39
The useRef() and useState() hooks and dependencies
05:57
Creating a custom useDebounce() hook
04:14
The standard useCallback() hook
05:13
Creating a custom useWillUnmount() hook
03:55
Creating a custom useThrottle() hook
05:17
The standard useDebugValue() hook
03:55
Rules of Hooks - Only Call Hooks at the Top Level
09:49
Using multiple useState() hooks
05:11
The standard useReducer() hook
10:18
The standard useMemo() hook
03:25

Kimrof - A Formik like forms library

6 lectures
Kimrof introduction
03:01
The Kimrof Context and Provider
04:57
Displaying the values
05:32
Editing the data
04:50
Submitting the form
06:25
Validating the form
09:31

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.