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

My first Remix app

My first Remix app

Sources: Build UI
Remix is a modern full-stack React framework built on the foundations of the web platform. It layers the latest innovations in the frontend ecosystem on top of the core URL-base...
5 hours 44 seconds
Scale React Development with Nx

Scale React Development with Nx

Sources: egghead
On the surface, starting a project sounds easy. First you make some directories, install some dependencies, then you write some code. But there's a bit more to
1 hour 34 minutes 10 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
Server Side Rendering with React and Redux

Server Side Rendering with React and Redux

Sources: udemy, Stephen Grider
Go beyond the basics of React and Redux! This course will teach you to combine the ultra-popular React v16, Redux, React Router, and Express technologies to bu
8 hours 14 minutes 30 seconds
Advanced React For Enterprise: React for senior engineers

Advanced React For Enterprise: React for senior engineers

Sources: udemy
Welcome to the React for Senior engineers course !! Knowledge of React is 100% required for this course. I've been working with React.js for over 5 years now,
6 hours 4 minutes 5 seconds