Mô tả

React Hooks are the latest features of React. They were introduced in version 16.8. If you want to keep your React knowledge up-to-date then you definitely should learn React Hooks.

But what is a React Hook?

A React Hook is a function which lets you hook into function components and use the React features like lifecycle methods and state. Before React Hooks this was only possible with class components.

Why you should learn it?

Even though the creators of React do not recommend migrating existing codebase to React Hooks but they strongly suggest that you create your new components using React Hooks. So if you want to keep up with React then it's time you learned React Hooks.

What can you learn in this course?

This course introduces React Hooks from the beginning. We're going to look at some of the mostly used built in Hooks (useState, useEffect). We'll create our own React Hook as well, so after this course you'll be able to create your own React Hook. We're going to finish this course by creating a Weather App which is going to call a real API to fetch real weather data. This course will give you the solid foundations of React Hooks which then you can apply to your projects too.

When is this course not for you?

I want to be upfront here. This course is not for you if you've created many projects with React Hooks, you already know the main concepts of React Hooks and you've created your own custom Hooks as well. This course gives an introduction to React Hooks though we're going to cover the two most used built in React Hooks extensively.



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

React Hooks basics

Create your custom React Hook

How to use React Hooks in a real app

How to use APIs with React Hooks

Yêu cầu

  • Basics of React
  • Basics of ES6

Nội dung khoá học

6 sections

Getting started

3 lectures
Installation: NodeJS, npm, IDE, create-react-app
03:05
Intro to React Hooks
05:27
Create our first project
02:58

The useState built in React Hook

4 lectures
Let's create our Switch component with ES6 class
05:08
The Switch component with the useState Hook
07:27
More on useState Hook: this.setState vs setState
09:58
More on useState Hook: create multiple state variables
05:39

The useEffect built in React Hook

3 lectures
The useEffect hook intro
06:18
More on useEffect: don't apply effect
06:05
More on useEffect: effect with cleanup
08:15

Let's create our first React Hook: useFetch

3 lectures
How to fetch data with class components
04:13
How to fetch data with React Hooks
07:47
Create useFetch React Hook
06:21

Let's create a Weather App

6 lectures
Set up project
08:46
WeatherCard component
09:51
CitySelector component
06:49
Extend the useFetch Hook
09:07
WeatherList component
04:46
Tweek our app
04:34

Wrap up

1 lectures
Summary
00:25

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