The interactive way to master modern React - react.gg (FULL COURSE)
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
All Course Lessons (108)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 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 subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
Build a Youtube Clone
Building a Component Library with Storybook
Redux
Classic React
