Mô tả

Welcome to Getting Started with React Hooks!

This course offers a comprehensive overview of React Hooks, the latest feature introduced in the popular React library for building dynamic front end interfaces.

A hook is a plain JavaScript function that "hooks" into existing React features like state, lifecycle methods, and context. In the official documentation, the core React team writes that, in due time, they "expect Hooks to be the primary way people write React components".

Getting Started with React Hooks begins with the essentials and proceeds to more complex topics including:

  • The useState hook

  • The useEffect hook

  • The useContext hook

  • Custom hooks

In addition to hooks, the course is packed with optional lessons to enhance your knowledge of core JavaScript and React concepts. These topics include:

  • Stateless functional and class-based React components

  • Lifecycle methods

  • Array and object destructuring

  • Closures

  • Event Listeners

  • The React Context API

No matter your skill level, the content is designed to get you up to speed on React Hooks as quickly as possible.

Thanks for checking out the course!

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

Explore the React Hooks API introduced in React 16.8

Master the useState, useEffect, and useContext hooks that ship with the library

Declare your own custom hooks to extract business logic from components

Yêu cầu

  • Basic knowledge of the React library (components, state, props) -- reviews are provided
  • Basic knowledge of JSX, the syntax extension for JavaScript
  • Intermediate knowledge of ES6 features (classes, object destructuring, constants, etc)

Nội dung khoá học

6 sections

Introduction

2 lectures
Welcome to React Hooks
03:35
Setup New create-react-app Project
07:12

The useState Hook

9 lectures
OPTIONAL - REVIEW: Stateless Functional Components
08:44
OPTIONAL - REVIEW: Class-based React Components
10:22
OPTIONAL - REVIEW: Array Destructuring
05:05
Invoking the useState Hook
05:21
Destructuring and Using the useState Return Value
07:42
Using the useState Hook to Build a Counter
06:47
CHALLENGE: Adding More Click Handlers
03:28
The useState Hook with an Object Argument
13:09
Working with Multiple Pieces of State in a Hooks-Based Component
05:33

The useEffect Hook

8 lectures
OPTIONAL - REVIEW: Lifecycle Methods on Class-based Components
13:44
Invoking the useEffect Hook
05:55
Cleaning Up by by Returning a Function from the Effect I
09:14
Cleaning Up by by Returning a Function from the Effect II
06:56
Limiting useEffect to Mounting and Unmounting
06:18
The Second Argument to the useEffect Hook
09:29
OPTIONAL - REVIEW: Event Listeners
07:49
Another useEffect Example: User Input
11:49

The useContext Hook

2 lectures
OPTIONAL - REVIEW: React Context
16:47
Invoking the useContext Hook
08:13

Custom Hooks

3 lectures
Define a Custom Hook (User Keypresses)
08:00
Another Custom Hook Example (Counter)
11:14
CHALLENGE: Reusing Custom Hooks in Multiple Components
10:42

Conclusion

2 lectures
Conclusion
00:30
Bonus!
00:11

Đá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.