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

React and NodeJS: A Practical Guide with Typescript

React and NodeJS: A Practical Guide with Typescript

Sources: udemy
I'm a FullStack Developer with 10+ years of experience. I'm obsessed with clean code and I try my best that my courses have the cleanest code possible. My teach
6 hours 54 minutes 59 seconds
React Fundamentals

React Fundamentals

Sources: ui.dev (ex. Tyler McGinnis)
If you're serious about learning React, there's no better place to do it. Originally launched in 2016, this course has been taken by tens of thousands of developers and maintain...
4 hours 36 minutes 46 seconds
Crash Course: Build a Full-Stack Web App in a Weekend!

Crash Course: Build a Full-Stack Web App in a Weekend!

Sources: udemy
Do you want to learn the fundamentals of modern web development fast? Do you want to find out if building websites and apps is the right career path for you? Or maybe you just w...
12 hours 13 minutes 30 seconds
Understanding React | Don’t Imitate Understand

Understanding React | Don’t Imitate Understand

Sources: Anthony Alicea
Even if you've been using React for years, your mental model is likely inaccurate. That's because the best mental model is understanding how something really wo
17 hours 3 minutes 45 seconds
React Chrome Extension boilerplate | Shipped

React Chrome Extension boilerplate | Shipped

Sources: Luca Restagno (shipped.club)
Launch your Chrome Extension in hours, not weeks. The boilerplate for busy makers, to launch your React Chrome Extensions fast. ou don't need to reinvent the wheel and code ever...