React Hooks

3h 47m 48s
English
Paid

Course description

If you never develop a convincing answer for both of those questions, you won’t have a solid enough foundation to build upon when you dive into the specifics. These questions are specifically interesting in regards to React Hooks. React was the most popular and most loved front-end framework in the JavaScript ecosystem when Hooks were released.

Read more about the course

Despite the existing praise, the React team still saw it necessary to build and release Hooks. Lost in the various Medium posts and blog think pieces on Hooks are the reasons (1) why and for what (2) benefit, despite high praise and popularity, the React team decided to spend valuable resources building and releasing Hooks. To better understand the answers to both of these questions, we first need to take a deeper look into how we’ve historically written React apps.

The first thing you should do whenever you’re about to learn something new is ask yourself two questions -

  1. Why does this thing exist?
  2. What problems does this thing solve?


Watch Online

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 30 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Why React Hooks?

All Course Lessons (30)

#Lesson TitleDurationAccess
1
Why React Hooks? Demo
13:41
2
The useState Hook
10:13
3
(Solution) Theme
01:46
4
(Solution) Todos
06:18
5
(Solution) Show/Hide
04:49
6
(Bonus) Execution Context, Scopes, and Closures
25:30
7
The useEffect Hook
14:53
8
(Solution) Character Limit
03:08
9
(Solution) Wait Delay
01:53
10
(Solution) API Requests
05:26
11
Creating Custom Hooks
06:48
12
(Solution) useWait
01:56
13
(Solution) useWindowDimensions
02:52
14
(Solution) useFetch
02:37
15
The useReducer Hook
24:22
16
(Solution) Refactor useFetch
03:31
17
The useRef Hook
09:38
18
(Solution) Complex Form
03:25
19
(Solution) Click Game
05:32
20
Guide to React Context
10:09
21
(Solution) LocaleContext
02:53
22
React.memo, useCallback, and useMemo
25:15
23
(Project) Introduction
02:00
24
(Project) index.js
03:45
25
(Project) Battle.js
08:25
26
(Project) Card and Nav
01:35
27
(Project) useHover
03:38
28
(Project) Loading.js
04:06
29
(Project) Popular.js
12:17
30
(Project) Results.js
05:27

Unlock unlimited learning

Get instant access to all 29 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Build a Spotify Connected App

Build a Spotify Connected App

Sources: fullstack.io
Learn how to build a full stack web app to visualize personalized Spotify data with the help of Node.js, React, Styled Components, and the Spotify Web API.
3 hours 47 minutes 28 seconds
Uber Eats Clone

Uber Eats Clone

Sources: Nomad Coders
Best Way to Learn to Code. We believe that the best way to become a developer is by doing clone coding. It is very easy to get bored and unmotivated in the begi
40 hours 22 minutes 44 seconds
React Js A-Z With Laravel - For Beginner to Advanced Level

React Js A-Z With Laravel - For Beginner to Advanced Level

Sources: udemy
This React Js A-Z With Laravel Course will help you to become a Full Stack Web Developer. React has rapidly become one of the most powerful tools for building W
68 hours 1 minute 33 seconds
React Simplified - Bonus Project

React Simplified - Bonus Project

Sources: webdevsimplified.com
What if I told you that you could build this advanced job board project by the end of this course entirely on your own? That's what this entire section of...
5 hours 8 minutes 8 seconds
React Data Fetching: Beyond the Basics

React Data Fetching: Beyond the Basics

Sources: fullstack.io
This course will teach you how to efficiently load data in React without using third-party libraries or the useEffect hook. We will create our own library for..
2 hours 40 minutes 15 seconds