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

7h 53m 34s
English
Paid

Course description

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.

Read more about the course

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

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 108 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing

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

0:00
/
#1: Getting Started

All Course Lessons (108)

#Lesson TitleDurationAccess
1
Getting Started Demo
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

Unlock unlimited learning

Get instant access to all 107 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 Jira clone

Build a Jira clone

Sources: Code With Antonio
In this 16-hour course, consisting of two parts (by the way, this is my longest course!), you will learn how to create a fully functional Jira clone with a...
16 hours 26 minutes 4 seconds
MobX In Depth With React(Hooks+TypeScript)

MobX In Depth With React(Hooks+TypeScript)

Sources: udemy
This is the most extensive course about MobX you will find online, After a few years of using MobX, I'm really passionate about it and really love it, I decided
2 hours 25 minutes 54 seconds
React Hooks

React Hooks

Sources: ui.dev (ex. Tyler McGinnis)
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 ar...
3 hours 47 minutes 48 seconds
React Simplified - Advanced

React Simplified - Advanced

Sources: webdevsimplified.com
Once you become a good React developer, it is time to start diving into advanced React concepts. This course will take you from a junior to a mid-level React d
11 hours 34 minutes 10 seconds