English | MP4 | AVC 1920×1080 | AAC 44KHz 2ch | 108 Lessons (7h 53m) | 4.28 GB
The interactive way to master modern React (FULL COURSE)
OPTIMIZED FOR AHA!
We’re obsessed with helping you reach your aha! moments.
Our text sections help you master the “why” behind React concepts and include fun, interactive visuals you can play with.
Give it a try.
LEETCODE FOR REACT
Have you ever wished you could “grind Leetcode” for a bunch of React practice problems?
No? Oh, well we built it anyway. You’ll know you’ve mastered React if you can get through all 60.
Test yourself (it’s an easy one)
VIDEOS YOU’LL ACTUALLY ENJOY
These aren’t lazy screencasts filmed in someone’s guest bedroom.
We spent an uncomfortable amount of time making sure each video is worth your attention.
Here’s a sneak preview.
50 CUSTOM HOOKS
We built useHooks — a popular OSS library of 50 reusable custom React hooks.
You’ll solidify your skills by rebuilding it. Yes, all 50.
PREPPING FOR INTERVIEWS?
Want to know the secret to feeling confident in a React interview?
Know more about React than the person interviewing you. This course, along with its 50+ interview question deep dives will get you there.
FUTURE PROOF REACT
React has evolved a lot in the last few years, and it shows no signs of slowing down.
We’ll walk you through all the latest features like server components, suspense, and concurrent rendering, while keeping you updated as new stuff comes out.
Table of Contents
1 Getting Started
2 Why React
3 Imperative vs Declarative Programming
4 Pure Functions
5 Components
6 JSX
7 Props
8 Elements vs Components
9 Handling Events
10 Preserving Values with useState
11 Using useState
12 Why React Renders
13 Reality Check
14 Managing Effects
15 Managing Effects Part 2
16 Preserving Values with useRef
17 Teleportation with Context
18 Complex State with useReducer
19 Referential Equality and Why It Matters
20 Managing Advanced Effects
21 Abstracting Reactive Values with useEffectEvent
22 Creating Custom Hooks
23 Rebuilding useHooks
24 Badge Variables
25 Dynamic Date
26 Adjacent Elements
27 Conditional Rendering
28 Ternary Rendering
29 Rendering Lists
30 Rendering Lists No Keys
31 String Props
32 Object props
33 Function Props
34 Children Props
35 Character Limit
36 Character Limit – Props
37 Light Switch
38 Light Switch – Concise
39 Counter
40 Smart Character Limit
41 Password Toggle
42 Multistep Form
43 Form Builder
44 Search Filter
45 Clock
46 Country Info
47 Hacker News
48 Autofocus
49 Video Player
50 Field Notes
51 Click Outside
52 Expanding Textarea
53 Follow the Leader
54 Auth
55 Translations
56 Tabs
57 News Feed
58 Multistep Form with useReducer
59 Task Manager
60 Add To Cart
61 Undo Redo
62 Localized Primes
63 Data Table
64 Optimizing Renders
65 React Ruler
66 Flexible Tooltip
67 Match Media
68 useDocumentTitle
69 useDefault
70 useToggle
71 usePrevious
72 usePreferredLanguage
73 useFavicon
74 useCopyToClipboard
75 useInterval
76 useCounter
77 useLockBodyScroll
78 useQueue
79 useTimeout
80 useWindowSize
81 useVisibilityChange
82 useList
83 useObjectState
84 useDebounce
85 useContinuousRetry
86 useHistoryState
87 useEventListener
88 useRandomInterval
89 useMediaQuery
90 useIntervalWhen
91 useMouse
92 useClickAway
93 useWindowScroll
94 useLogger
95 useOrientation
96 useBattery
97 usePageLeave
98 useKeyPress
99 useThrottle
100 useIdle
101 useFetch
102 useCountdown
103 useGeolocation
104 useLocalStorage
105 useSessionStorage
106 useIsClient
107 useNetworkState
108 useLongPress
Resolve the captcha to access the links!