The interactive way to master modern React - react.gg (FULL COURSE)

7h 53m 34s
English
Paid
December 26, 2023

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. 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.

More

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.

Watch Online The interactive way to master modern React - react.gg (FULL COURSE)

Join premium to watch
Go to premium
# Title Duration
1 Getting Started 02:56
2 Why React 08:31
3 Imperative vs Declarative Programming 04:43
4 Pure Functions 05:49
5 Components 02:40
6 JSX 06:23
7 Props 03:08
8 Elements vs Components 03:14
9 Handling Events 04:24
10 Preserving Values with useState 03:06
11 Using useState 11:40
12 Why React Renders 10:44
13 Reality Check 00:57
14 Managing Effects 10:12
15 Managing Effects Part 2 13:25
16 Preserving Values with useRef 09:00
17 Teleportation with Context 05:55
18 Complex State with useReducer 13:32
19 Referential Equality and Why It Matters 09:22
20 Managing Advanced Effects 07:53
21 Abstracting Reactive Values with useEffectEvent 04:08
22 Creating Custom Hooks 03:54
23 Rebuilding useHooks 03:44
24 1. Badge Variables 01:10
25 2. Dynamic Date 00:45
26 3. Adjacent Elements 00:58
27 4. Conditional Rendering 00:58
28 5. Ternary Rendering 00:51
29 6. Rendering Lists 00:59
30 7. Rendering Lists No Keys 01:16
31 8. String Props 00:58
32 9. Object props 00:54
33 10. Function Props 01:57
34 11. Children Props 01:09
35 12. Character Limit 01:37
36 13. Character Limit – Props 03:15
37 14. Light Switch 02:01
38 15. Light Switch - Concise 01:49
39 16. Counter 01:38
40 17. Smart Character Limit 04:28
41 18. Password Toggle 04:03
42 19. Multistep Form 05:14
43 20. Form Builder 08:52
44 21. Search Filter 02:24
45 22. Clock 01:41
46 23. Country Info 04:54
47 24. Hacker News 07:20
48 25. Autofocus 02:31
49 26. Video Player 02:35
50 27. Field Notes 04:22
51 28. Click Outside 05:31
52 29. Expanding Textarea 03:27
53 30. Follow the Leader 02:42
54 31. Auth 03:48
55 32. Translations 04:06
56 33. Tabs 06:17
57 34. News Feed 11:20
58 35. Multistep Form with useReducer 06:28
59 36. Task Manager 03:54
60 37. Add To Cart 08:51
61 38. Undo Redo 08:36
62 39. Localized Primes 03:02
63 40. Data Table 07:51
64 41. Optimizing Renders 05:07
65 42. React Ruler 02:07
66 43. Flexible Tooltip 11:20
67 44. Match Media 02:03
68 45. useDocumentTitle 01:11
69 46. useDefault 01:39
70 47. useToggle 02:48
71 48. usePrevious 01:31
72 49. usePreferredLanguage 02:48
73 50. useFavicon 02:33
74 51. useCopyToClipboard 03:02
75 52. useInterval 04:12
76 53. useCounter 04:47
77 54. useLockBodyScroll 02:17
78 55. useQueue 02:54
79 56. useTimeout 03:52
80 57. useWindowSize 02:02
81 58. useVisibilityChange 03:13
82 59. useList 04:18
83 60. useObjectState 03:22
84 61. useDebounce 01:52
85 62. useContinuousRetry 04:01
86 63. useHistoryState 05:43
87 64. useEventListener 04:51
88 65. useRandomInterval 04:49
89 66. useMediaQuery 03:21
90 67. useIntervalWhen 05:48
91 68. useMouse 05:47
92 69. useClickAway 03:47
93 70. useWindowScroll 03:54
94 71. useLogger 04:13
95 72. useOrientation 03:53
96 73. useBattery 05:17
97 74. usePageLeave 02:42
98 75. useKeyPress 03:09
99 76. useThrottle 03:09
100 77. useIdle 04:39
101 78. useFetch 06:41
102 79. useCountdown 04:42
103 80. useGeolocation 04:05
104 81. useLocalStorage 06:20
105 82. useSessionStorage 03:11
106 83. useIsClient 02:22
107 84. useNetworkState 05:36
108 85. useLongPress 06:44

Similar courses to The interactive way to master modern React - react.gg (FULL COURSE)

Composing Layouts in React

Composing Layouts in React

Duration 4 hours 38 minutes 12 seconds
Next.js and Apollo - Portfolio App (w/ React, GraphQL, Node)

Next.js and Apollo - Portfolio App (w/ React, GraphQL, Node)

Duration 28 hours 38 minutes 19 seconds
NFT Marketplace in React, Typescript & Solidity - Full Guide

NFT Marketplace in React, Typescript & Solidity - Full Guide

Duration 16 hours 20 minutes 55 seconds
Data fetching with React Server Components

Data fetching with React Server Components

Duration 1 hour 15 minutes 56 seconds
React & TypeScript - The Practical Guide

React & TypeScript - The Practical Guide

Duration 7 hours 22 minutes 54 seconds
React Fundamentals

React Fundamentals

Duration 4 hours 36 minutes 46 seconds
REACT ROUTER (v6)

REACT ROUTER (v6)

Duration 3 hours 15 minutes 27 seconds
React, Angular, Node In-Depth Guide: Beginner to Pro

React, Angular, Node In-Depth Guide: Beginner to Pro

Duration 80 hours 1 minute 57 seconds
MERN Stack React, Socket io, Next.js Express,MongoDb, Nodejs
React Chrome Extension boilerplate | Shipped