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
Redux Saga

Redux Saga

Sources: pluralsight
Redux Saga is a fast-growing library with over 9,000 stars on GitHub. It lets you rapidly create asynchronous apps using a new tool called ES6 Generators. In th
2 hours 54 minutes 54 seconds
Uber Clone - Typescript, NodeJS, GraphQL, React, Apollo

Uber Clone - Typescript, NodeJS, GraphQL, React, Apollo

Sources: Nomad Coders
We will do a Uber clone (backend + frontend + deployment). From head to toe using JavaScript! This time full stack, full JavaScript stack!
22 hours 41 minutes 56 seconds
Build a Slack Chat App with React, Redux, and Firebase

Build a Slack Chat App with React, Redux, and Firebase

Sources: udemy
Throughout this course, we'll be building a live chat app for developers called DevChat, where users will be able to create channels, to send messages to other users on those ch...
5 hours 55 minutes 18 seconds