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 & TypeScript Mastery

React & TypeScript Mastery

Sources: Beto Moedano
React & TypeScript Mastery is a hands-on course that will guide you step by step from the basics to an advanced level in developing modern applications on...
24 hours 15 minutes 54 seconds
Advanced Animating React with Framer Motion

Advanced Animating React with Framer Motion

Sources: leveluptutorials
Welcome to Advanced Animating React with Framer Motion! In this series, we will dive into more advanced concepts as well as discuss what is new in Framer Motion
2 hours 57 minutes 30 seconds
Zero to Full Stack Hero

Zero to Full Stack Hero

Sources: papareact.com
PAPA React presents.. Zero to Full Stack Hero. It's NOT just another COURSE. It's the world's BEST COMMUNITY. From learning the Basics of Web Development to Mastering React!
101 hours 29 minutes 59 seconds
Testing React Apps with React Testing Library

Testing React Apps with React Testing Library

Sources: codewithmosh (Mosh Hamedani)
Tired of piecing together disconnected tutorials or dealing with rambling, confusing instructors? This course is for you! It's perfectly structured into a series of bite-sized, ...
6 hours 48 minutes 20 seconds