Главная страница Категория react.js Эпический React v2: Путь к бесконечным рендерингам

Эпический React v2: Путь к бесконечным рендерингам

Name: Эпический React v2: Путь к бесконечным рендерингам
Price: 13 USD
Rating: 5 (66 reviews)

Learn React 19 with Epic React v2

Kent C. Dodds

Начать Сейчас

Продолжительность

26 ч 51 мин

Категория

React.js

Количество уроков

411 Видео

Дата добавления

26 сент. 2024 г., 17:52

Язык

Английский

Дата выхода

24 сент. 2024 г., 01:00

Готовы к революции React 19? Самый востребованный JavaScript-фреймворк получил масштабное обновление! Вы уже знакомы с React, но в React 19 появилось 3 крупных парадигматических изменения, которые изменят ваш код (а возможно, и вашу жизнь):

React Suspense и Transitions: избавьтесь от сложных обходных путей и возьмите полный контроль над загрузкой данных, синхронно и асинхронно, чтобы предоставить максимально плавный пользовательский опыт. Form и Server Actions: навсегда забудьте о хаках с useEffect (наконец-то!), создавая именно тот опыт ввода данных, который вам нужен для SSR, SSG и SPA-приложений. 'use client' и 'use server': пишите серверный и клиентский код в гармонии, избегая неудобных переходов.

Ваш код станет лучше, а опыт написания - приятнее. React 19 - это больше удовольствия, ведь он наконец-то предоставляет полный набор инструментов для создания высокоинтерактивных, модульных и мощных веб-приложений без компромиссов.

И даже если у вас уже есть опыт работы с React, вы сможете освежить свои знания с использованием лучших инструментов. Отличное время, чтобы начать!

Освоить всё это - непростая задача. Но она того стоит.

Теперь перед вами, как опытным разработчиком React, встаёт ключевой вопрос: Как вы освоите React 19?

Я обучила React более 30 000 человек

Epic React v1 помог многим начать карьеру в React и развить её. Но я знал, что это можно улучшить… Поэтому, когда я решил создать новый материал для React 19, я радикально изменил весь процесс обучения.

Но прежде всего, давайте обсудим важный момент, касающийся изучения React, независимо от того, когда, где и как вы хотите его учить.

За последние 10 лет я узнал много о процессе обучения.

И главный урок?

Не всё обучение одинаково полезно. Вы слышали старую поговорку: "Важно не то, что вы знаете, а кого вы знаете"?

Для разработчиков нужно обновить её: "Важно не то, что вы знаете, а как вы это знаете". То, как вы учитесь, может повлиять на всю вашу карьеру.

И вот в чём проблема:

Способ, которым большинство людей изучают React, может активно мешать вашему будущему прогрессу. React сложен. Он состоит из множества компонентов. Никто не хочет тратить время на изучение документации по каждому из них перед началом работы. Мы все хотим сразу перейти к самому интересному - использовать эти инструменты вместе для создания проектов.

Создавать что-то - это и есть движение вперёд.

Но это ловушка.

Настоящих экспертов от всех остальных отличает не обладание специальными, продвинутыми знаниями. Это полное владение основами. Это понимание компонентов. Это знание того, как каждая часть процесса работает в гармонии для создания целого. Это способность выйти за рамки того, что вы делали раньше, и подойти к каждой новой задаче с использованием всех инструментов, которые у вас есть.

Это то, что создаёт настоящую уверенность.

Но когда вы стремитесь "быстро" достигнуть результата, слепо перепечатывая код, который ещё не понимаете, вы пропускаете самое важное. Вы упускаете основы, которые вам понадобятся каждый день в вашей карьере: планирование, проектирование, отладку, сопровождение, масштабирование. Вы лишаете себя будущего роста. Вы подрываете собственную уверенность.

К счастью, есть лучший способ.

Как стать экспертом

Основываясь на наблюдениях, экспериментах, изучении, сотнях часов живого обучения и отзывах десятков тысяч моих студентов...

Вот путь к настоящему мастерству:

Осваивайте одну концепцию за раз
Начинайте с самой простой версии
Добавляйте сложность пошагово, каждое упражнение основывается на предыдущем
Пишите практический код, проверяйте свою работу по лучшим практикам, получайте обратную связь
Практикуйте принятие советов и делитесь кодом с коллегами
Не пропускайте ничего (даже если это "просто" или "очевидно")

Это действительно так просто! Хотя "просто" — это не то же самое, что "легко".

Но если вы готовы вложиться, правильное обучение будет приносить вам плоды всю жизнь.

Вы станете экспертом.

И вы сможете это сделать с помощью Epic React v2.

Epic React v2 перенесёт вас от "что такое JSX?" до разработки полного, профессионального, масштабируемого приложения в условиях командной работы. При переходе на Epic React v2 вы получите мгновенный доступ к 7 мастер-классам с 240 небольшими уроками - всё новое, всё о React 19 и 100% TypeScript. Всё, что вам нужно сделать, - войти и приступить к работе над своим первым упражнением.

Epic React v2 полностью основан на "чистом React" и подходит для всех, кто использует React в любой сфере.

Вы изучите и рассмотрите все аспекты React 19 - как классические, так и новые - отдельно и вместе.

Каждый новый урок будет основываться на предыдущем.

В конце вы разработаете проекты, такие как поиск в блоге, интеграция библиотек UI, не основанных на React, крестики-нолики, форма для новых пользователей, оптимизированное отображение глобуса, калькулятор, счётчик, поиск по списку городов и создание собственного фреймворка React Server Components.

По пути вы укрепите профессиональные практики программирования.

Вы освоите обработку форм, одну из самых сложных (и самых мощных) частей интерактивной веб-разработки.

Вы научитесь разрабатывать производительные приложения и оптимизировать свой существующий код. (Бонус: эти же техники применимы и к приложениям, не основанным на React!)

Вы узнаете, как использовать помощников на базе искусственного интеллекта для значительного увеличения продуктивности. Я использую своего во всех видеоуроках Epic React. (Они, конечно, не выполняют работу за вас, но могут существенно помочь!)

Итак, независимо от того, являетесь ли вы разработчиком среднего уровня, который хочет освежить свои знания основ…

…или опытным разработчиком React, стремящимся узнать, что нового в React 19…

Если вы искали путь к настоящему мастерству в React 19, то вы его нашли с Epic React v2.

Посмотреть больше

Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

Урок 1. 00:02:09

001 Intro
Урок 2. 00:00:20

002 Hello World in JS p
Урок 3. 00:04:55

003 Hello World in JS s
Урок 4. 00:00:17

004 Generate the Root Node p
Урок 5. 00:02:13

005 Generate the Root Node s
Урок 6. 00:00:26

006 Dad Joke Break
Урок 7. 00:03:06

007 Intro to Raw React APIs
Урок 8. 00:00:56

008 Create React Elements p
Урок 9. 00:03:05

009 Create React Elements s
Урок 10. 00:00:25

010 Nesting Elements p
Урок 11. 00:03:32

011 Nesting Elements s
Урок 12. 00:00:30

012 Deep Nesting Elements p
Урок 13. 00:01:18

013 Deep Nesting Elements s
Урок 14. 00:00:27

014 Dad Joke Break Raw React APIs p
Урок 15. 00:02:49

015 Intro to Using JSX s
Урок 16. 00:01:08

016 Compiling JSX p
Урок 17. 00:04:52

017 Compiling JSX s
Урок 18. 00:03:33

018 Interpolationp p
Урок 19. 00:04:27

019 Interpolation s
Урок 20. 00:01:23

020 Spread props p
Урок 21. 00:04:29

021 Spread props s
Урок 22. 00:00:37

022 Nesting JSX p
Урок 23. 00:03:22

023 Nesting JSX s
Урок 24. 00:02:10

024 Fragments p
Урок 25. 00:03:25

025 Fragments s
Урок 26. 00:00:25

026 Dad Joke Break Using JSX
Урок 27. 00:01:30

027 Intro to Custom Components
Урок 28. 00:01:15

028 Simple Function p
Урок 29. 00:02:07

029 Simple Function s
Урок 30. 00:01:37

030 Raw API p
Урок 31. 00:03:24

031 Raw API s
Урок 32. 00:01:57

032 JSX Components p
Урок 33. 00:02:30

033 JSX Components s
Урок 34. 00:00:50

034 Props p
Урок 35. 00:01:47

035 Props s
Урок 36. 00:00:36

036 Dad Joke Break Custom Components
Урок 37. 00:06:48

037 Intro to TypeScript
Урок 38. 00:01:17

038 Props p
Урок 39. 00:02:01

039 Props s
Урок 40. 00:00:51

040 Narrow Types p
Урок 41. 00:01:27

041 Narrow Types s
Урок 42. 00:02:06

042 Derive Types p
Урок 43. 00:01:20

043 Derive Types s
Урок 44. 00:01:02

044 Default Props p
Урок 45. 00:02:32

045 Default Props s
Урок 46. 00:01:32

046 Reduce Duplication p
Урок 47. 00:02:30

047 Reduce Duplication s
Урок 48. 00:01:02

048 Satisfies p
Урок 49. 00:01:06

049 Satisfies s
Урок 50. 00:00:51

050 Dad Joke Break TypeScript
Урок 51. 00:04:34

051 Intro to Styling
Урок 52. 00:00:29

052 Styling p
Урок 53. 00:01:14

053 Styling s
Урок 54. 00:02:14

054 Custom Component p
Урок 55. 00:05:47

055 Custom Component s
Урок 56. 00:00:44

056 Size Prop p
Урок 57. 00:04:23

057 Size Prop s
Урок 58. 00:00:24

058 Dad Joke Break Styling
Урок 59. 00:03:59

059 Intro to Forms
Урок 60. 00:00:39

060 Form p
Урок 61. 00:02:08

061 Form s
Урок 62. 00:01:47

062 Form Action p
Урок 63. 00:01:06

063 Form Action s
Урок 64. 00:00:28

064 Input Types p
Урок 65. 00:03:20

065 Input Types s
Урок 66. 00:02:00

066 Submission p
Урок 67. 00:13:28

067 Submission s
Урок 68. 00:00:23

068 Form Actions p
Урок 69. 00:02:57

069 Form Actions s
Урок 70. 00:00:21

070 Dad Joke Break Forms
Урок 71. 00:01:03

071 Intro to Inputs
Урок 72. 00:00:51

072 Checkbox p
Урок 73. 00:02:48

073 Checkbox s
Урок 74. 00:00:45

074 Select p
Урок 75. 00:02:46

075 Select s
Урок 76. 00:01:43

076 Radios p
Урок 77. 00:02:52

077 Radios s
Урок 78. 00:01:04

078 Hidden Inputs p
Урок 79. 00:01:13

079 Hidden Inputs s
Урок 80. 00:03:11

080 Default Value p
Урок 81. 00:05:37

081 Default Value s
Урок 82. 00:00:41

082 Dad Joke Break Inputs
Урок 83. 00:05:29

083 Intro to Error Boundaries
Урок 84. 00:00:49

084 Composition p
Урок 85. 00:03:23

085 Composition s
Урок 86. 00:01:52

086 Other Errors p
Урок 87. 00:02:51

087 Other Errors s
Урок 88. 00:01:30

088 Reset p
Урок 89. 00:01:35

089 Reset s
Урок 90. 00:00:44

090 Dad Joke Break Error Boundaries
Урок 91. 00:05:37

091 Intro to Rendering Arrays
Урок 92. 00:01:37

092 Key prop p
Урок 93. 00:01:51

093 Key prop s
Урок 94. 00:01:08

094 Focus State p
Урок 95. 00:02:14

095 Focus State s
Урок 96. 00:00:53

096 Key Reset p
Урок 97. 00:01:30

097 Key Reset s
Урок 98. 00:00:26

098 Dad Joke Break Rendering Arrays
Урок 99. 00:00:57

099 Outro to React Fundamentals
Урок 100. 00:02:14

001 React Hooks Intro
Урок 101. 00:04:48

002 Intro to Managing UI State
Урок 102. 00:01:26

003 useState p
Урок 103. 00:04:47

004 useState s
Урок 104. 00:02:40

005 Controlling Inputs p
Урок 105. 00:03:35

006 Controlling Inputs s
Урок 106. 00:02:07

007 Derive State p
Урок 107. 00:02:50

008 Derive State s
Урок 108. 00:01:19

009 Initialize State p
Урок 109. 00:01:36

010 Initialize State S
Урок 110. 00:03:26

011 Init Callback P
Урок 111. 00:01:40

012 Init Callback S
Урок 112. 00:00:37

013 Dad Joke Break Managing UI State
Урок 113. 00:10:18

014 Intro to Side-Effects
Урок 114. 00:01:38

015 useEffect P
Урок 115. 00:01:56

016 useEffect S
Урок 116. 00:01:33

017 Effect Cleanup p
Урок 117. 00:05:33

018 Effect Cleanup s
Урок 118. 00:00:42

019 Dad Joke Break Side-Effects
Урок 119. 00:02:56

020 Intro to Lifting State
Урок 120. 00:00:21

021 Lift State p
Урок 121. 00:01:42

022 Lift State s
Урок 122. 00:00:56

023 Lift More State p
Урок 123. 00:04:33

024 Lift More State s
Урок 124. 00:00:57

025 Colocate State p
Урок 125. 00:03:36

026 Colocate State s
Урок 126. 00:00:47

027 Dad Joke Break Lifting State
Урок 127. 00:03:52

028 Intro to DOM Side-Effects
Урок 128. 00:00:39

029 Refs p
Урок 129. 00:04:02

030 Refs s
Урок 130. 00:02:22

031 Dependencies p
Урок 131. 00:05:05

032 Dependencies s
Урок 132. 00:03:02

033 Primitive Dependencies p
Урок 133. 00:02:22

034 Primitive Dependencies s
Урок 134. 00:00:35

035 Dad Joke Break DOM Side-Effects
Урок 135. 00:02:15

036 Intro to Unique IDs
Урок 136. 00:00:49

037 useId p
Урок 137. 00:03:36

038 useId s
Урок 138. 00:00:31

039 Dad Joke Break Unique IDs
Урок 139. 00:01:24

040 Intro to Tic Tac Toe
Урок 140. 00:02:51

041 setState callback p
Урок 141. 00:05:13

042 setState callback s
Урок 142. 00:00:54

043 Preserve State in localStorage p
Урок 143. 00:03:36

044 Preserve State in localStorage s
Урок 144. 00:02:09

045 Add Game History Feature p
Урок 145. 00:08:32

046 Add Game History Feature s
Урок 146. 00:00:36

047 Dad Joke Break Tic Tac Toe
Урок 147. 00:01:36

048 Outro to React Hooks
Урок 148. 00:03:34

Advanced React APIs Intro
Урок 149. 00:04:49

Intro to Advanced State Management
Урок 150. 00:00:54

New State _ Problem
Урок 151. 00:02:24

New State _ solution
Урок 152. 00:00:24

Previous State _ Problem
Урок 153. 00:01:07

Previous State _ solution
Урок 154. 00:01:07

State Object _ Problem
Урок 155. 00:03:22

State Object _ solution
Урок 156. 00:01:44

Action Function _ Problem
Урок 157. 00:04:16

Action Function _ solution
Урок 158. 00:01:03

Traditional Reducer _ Problem
Урок 159. 00:04:08

Traditional Reducer _ solution
Урок 160. 00:01:51

Real World _Problem
Урок 161. 00:07:01

Real World _ solution
Урок 162. 00:00:34

Dad Joke Break Advanced State Management
Урок 163. 00:01:23

Intro to State Optimization
Урок 164. 00:01:38

Optimize state updates _ Problem
Урок 165. 00:03:40

Optimize state updates _solution
Урок 166. 00:00:33

Dad Joke Break State Optimization
Урок 167. 00:10:09

Intro to Custom Hooks
Урок 168. 00:00:36

Hook Function _Problem
Урок 169. 00:02:19

Hook Function _ solution
Урок 170. 00:01:18

useCallback _ Problem
Урок 171. 00:02:19

useCallback _ solution
Урок 172. 00:00:30

Dad Joke Break Custom Hooks
Урок 173. 00:04:56

Intro to Shared Context
Урок 174. 00:00:47

Context Provider _ Problem
Урок 175. 00:03:03

Context Provider _ solution
Урок 176. 00:00:43

Context Hook _ Problem
Урок 177. 00:02:29

Context Hook _ solution
Урок 178. 00:00:37

Dad Joke Break Shared Context
Урок 179. 00:01:56

Intro to Portals
Урок 180. 00:01:00

createPortal _ Problem
Урок 181. 00:01:18

createPortal _ solution
Урок 182. 00:00:29

Dad Joke Break Portals
Урок 183. 00:03:18

Intro to Layout Computation
Урок 184. 00:01:19

useLayoutEffect _Problem
Урок 185. 00:01:44

useLayoutEffect _solution
Урок 186. 00:00:29

Dad Joke Break Layout Computation
Урок 187. 00:02:43

Intro to Imperative Handles
Урок 188. 00:01:12

useImperativeHandle _Problem
Урок 189. 00:02:47

useImperativeHandle _ solution
Урок 190. 00:00:24

Dad Joke Break Imperative Handles
Урок 191. 00:03:02

Intro to Focus Management
Урок 192. 00:01:24

flushSync _Problem
Урок 193. 00:03:11

flushSync _solution
Урок 194. 00:00:42

Dad Joke Break Focus Management
Урок 195. 00:03:56

Intro to Sync External State
Урок 196. 00:00:49

useSyncExternalStore _Problem
Урок 197. 00:02:05

useSyncExternalStore _solution
Урок 198. 00:00:36

Make Store Utility _Problem
Урок 199. 00:01:20

Make Store Utility _solution
Урок 200. 00:02:27

Handling Server Rendering _Problem
Урок 201. 00:03:36

Handling Server Rendering _solution
Урок 202. 00:00:34

Dad Joke Break Sync External State
Урок 203. 00:01:31

Outro to Advanced React APIs
Урок 204. 00:07:46

Intro to Data fetching
Урок 205. 00:00:58

Throwing Promises _Problem
Урок 206. 00:04:05

Throwing Promises _Solution
Урок 207. 00:00:47

Error Handling _Problem
Урок 208. 00:03:04

Error Handling _ Solution
Урок 209. 00:00:41

Formal Status _Problem
Урок 210. 00:01:11

Formal Status _Solution
Урок 211. 00:01:25

Utility _ Problem
Урок 212. 00:03:40

Utility _Solution
Урок 213. 00:00:10

use React _Problem
Урок 214. 00:00:39

use React _Solution
Урок 215. 00:00:33

Dad Joke Break Data fetching
Урок 216. 00:04:37

Intro to Dynamic Promises
Урок 217. 00:01:43

Promise Cache _Problem
Урок 218. 00:04:11

Promise Cache _Solution
Урок 219. 00:01:57

useTransition _Problem
Урок 220. 00:02:05

useTransition _Solution
Урок 221. 00:03:17

Pending Flash _Problem
Урок 222. 00:01:55

Pending Flash _Solution
Урок 223. 00:00:37

Dad Joke Break Dynamic Promises
Урок 224. 00:06:12

Intro to Optimistic UI
Урок 225. 00:01:34

Optimistic UI _Problem
Урок 226. 00:05:15

Optimistic UI _Solution
Урок 227. 00:01:13

Form Status _ Problem
Урок 228. 00:03:04

Form Status _Solution
Урок 229. 00:00:59

Multi-step Actions _Problem
Урок 230. 00:03:05

Multi-step Actions _ Solution
Урок 231. 00:00:26

Dad Joke Break Optimistic UI
Урок 232. 00:02:43

Intro to Suspense img
Урок 233. 00:01:02

Img Component _Problem
Урок 234. 00:03:34

Img Component _ Solution
Урок 235. 00:01:48

Img Error Boundary _Problem
Урок 236. 00:01:35

Img Error Boundary _Solution
Урок 237. 00:04:41

Key prop _Problem
Урок 238. 00:02:01

Key prop _Solution
Урок 239. 00:00:44

Dad Joke Break Suspense img
Урок 240. 00:03:03

Intro to Responsive
Урок 241. 00:01:16

useDeferredValue _Problem
Урок 242. 00:03:01

useDeferredValue _Solution
Урок 243. 00:00:27

Dad Joke Break Responsive
Урок 244. 00:05:49

Intro to Optimizations
Урок 245. 00:00:54

Parallel Loading _Problem
Урок 246. 00:01:56

Parallel Loading _Solution
Урок 247. 00:01:45

Server Cache _Problem
Урок 248. 00:01:44

Server Cache _Solution
Урок 249. 00:00:31

Dad Joke Break Optimizations
Урок 250. 00:01:19

Outro to React Suspense
Урок 251. 00:03:23

Advanced React Patterns Intro
Урок 252. 00:04:48

Intro to Composition
Урок 253. 00:00:55

Composition and Layout Components _ Problem
Урок 254. 00:07:52

Composition and Layout Components _Solution
Урок 255. 00:00:34

Dad Joke Break Composition
Урок 256. 00:10:48

Intro to Latest Ref
Урок 257. 00:05:10

Latest Ref _ Problem
Урок 258. 00:08:07

Latest Ref _Solution
Урок 259. 00:00:34

Dad Joke Break Latest Ref
Урок 260. 00:03:32

Intro to Compound Components
Урок 261. 00:01:14

Compound Components _ Problem
Урок 262. 00:03:19

Compound Components _ Solution
Урок 263. 00:01:19

Compound Components Validation _ Problem
Урок 264. 00:02:39

Compound Components Validation _Solution
Урок 265. 00:00:34

Dad Joke Break Compound Components
Урок 266. 00:05:11

Intro to Slots
Урок 267. 00:01:23

Slot Context _Problem
Урок 268. 00:06:08

Slot Context _ Solution
Урок 269. 00:00:59

Generic Slot Components _ Problem
Урок 270. 00:02:41

Generic Slot Components _ Solution
Урок 271. 00:01:41

Slot Prop _Problem
Урок 272. 00:10:49

Slot Prop _ Solution
Урок 273. 00:00:21

Dad Joke Break Slots
Урок 274. 00:02:30

Intro to Prop Collections and Getters
Урок 275. 00:01:10

Prop Collections _Problem
Урок 276. 00:00:58

Prop Collections _Solution
Урок 277. 00:03:34

Prop Getters _Problem
Урок 278. 00:05:32

Prop Getters _Solution
Урок 279. 00:00:30

Dad Joke Break Prop Collections and Getters
Урок 280. 00:01:55

Intro to State Initializer
Урок 281. 00:00:20

Initialize Toggle _Problem
Урок 282. 00:04:38

Initialize Toggle _Solution
Урок 283. 00:01:23

Stability _Problem
Урок 284. 00:01:20

Stability _Solution
Урок 285. 00:00:37

Dad Joke Break State Initializer
Урок 286. 00:03:05

Intro to State Reducer
Урок 287. 00:00:46

State Reducer _Problem
Урок 288. 00:02:20

State Reducer _Solution
Урок 289. 00:00:42

Default State Reducer _Problem
Урок 290. 00:01:51

Default State Reducer _Solution
Урок 291. 00:00:32

Dad Joke Break State Reducer
Урок 292. 00:05:17

Intro to Control Props
Урок 293. 00:03:25

Control Props _Problem
Урок 294. 00:06:03

Control Props _Solution
Урок 295. 00:00:47

Dad Joke Break Control Props
Урок 296. 00:01:25

Outro to Advanced React Patterns
Урок 297. 00:04:40

React Performance Intro
Урок 298. 00:03:45

Intro to Element Optimization
Урок 299. 00:01:53

Reusing Elements _Problem
Урок 300. 00:01:15

Reusing Elements _Solution
Урок 301. 00:00:41

Element Props _Problem
Урок 302. 00:02:31

Element Props _ Solution
Урок 303. 00:01:49

Context _ Problem
Урок 304. 00:04:12

Context _Solution
Урок 305. 00:02:06

Memoize Elements _Problem
Урок 306. 00:01:29

Memoize Elements _Solution
Урок 307. 00:01:06

Memoize Components _ Problem
Урок 308. 00:05:39

Memoize Components _Solution
Урок 309. 00:00:31

Dad Joke Break Element Optimization
Урок 310. 00:01:58

Intro to Optimize Context
Урок 311. 00:01:20

Memoize Context _Problem
Урок 312. 00:01:01

Memoize Context _Solution
Урок 313. 00:00:53

Provider Component _Problem
Урок 314. 00:03:55

Provider Component _Solution
Урок 315. 00:01:58

Split Context _Problem
Урок 316. 00:05:29

Split Context _Solution
Урок 317. 00:00:52

Dad Joke Break Optimize Context
Урок 318. 00:14:20

Concurrent Rendering Intro
Урок 319. 00:02:40

useDeferredValue + memo _Problem
Урок 320. 00:05:26

useDeferredValue + memo _Solution
Урок 321. 00:01:04

Dad Joke Break Concurrent Rendering
Урок 322. 00:04:34

Intro to Code Splitting
Урок 323. 00:03:11

lazy _ Problem
Урок 324. 00:04:40

lazy _Solution
Урок 325. 00:01:28

Eager Loading _Problem
Урок 326. 00:01:13

Eager Loading _Solution
Урок 327. 00:01:20

Transitions _Problem
Урок 328. 00:03:59

Transitions _ Solution
Урок 329. 00:00:19

Dad Joke Break Code Splitting
Урок 330. 00:05:05

Intro to Expensive Calculations
Урок 331. 00:01:57

useMemo _Problem
Урок 332. 00:03:08

useMemo _Solution
Урок 333. 00:04:25

Web Worker _Problem
Урок 334. 00:05:13

Web Worker _Solution
Урок 335. 00:02:11

Async Results _Problem
Урок 336. 00:07:51

Async Results _Solution
Урок 337. 00:00:31

Dad Joke Break Expensive Calculations
Урок 338. 00:05:59

Intro to Optimize Rendering
Урок 339. 00:01:24

Component Memoization _ Problem
Урок 340. 00:01:38

Component Memoization _Solution
Урок 341. 00:02:01

Custom Comparator _ Problem
Урок 342. 00:05:30

Custom Comparator _Solution
Урок 343. 00:01:50

Primitives _Problem
Урок 344. 00:01:41

Primitives _Solution
Урок 345. 00:00:19

Dad Joke Break Optimize Rendering
Урок 346. 00:05:55

Intro to Windowing
Урок 347. 00:01:33

Virtualizer _Problem
Урок 348. 00:08:14

Virtualizer _Solution
Урок 349. 00:00:30

Dad Joke Break Windowing
Урок 350. 00:03:05

Outro to React Performance
Урок 351. 00:05:22

React Server Components Intro
Урок 352. 00:03:02

Intro to Warm Up
Урок 353. 00:02:15

Static React App _Problem
Урок 354. 00:04:45

Static React App _Solution
Урок 355. 00:00:27

Dad Joke Break Warm Up
Урок 356. 00:10:36

Intro to Server Components
Урок 357. 00:04:06

RSCs _Problem
Урок 358. 00:00:43

Async Components _ Problem
Урок 359. 00:02:01

Async Components _Solution
Урок 360. 00:02:01

Streaming _Problem
Урок 361. 00:03:45

Streaming _ Solution
Урок 362. 00:03:55

Server Context _Problem
Урок 363. 00:03:12

Server Context _Solution
Урок 364. 00:00:28

Dad Joke Break Server Components
Урок 365. 00:14:20

Intro to Client Components
Урок 366. 00:01:46

Node.js Loader _Problem
Урок 367. 00:04:25

Node.js Loader _Solution
Урок 368. 00:01:25

Module Resolution _Problem
Урок 369. 00:03:00

Module Resolution _Solution
Урок 370. 00:00:37

Dad Joke Break Client Components
Урок 371. 00:02:30

Intro to Client Router
Урок 372. 00:03:02

Client Router _Problem
Урок 373. 00:11:55

Client Router _Solution
Урок 374. 00:03:20

Pending UI _Problem
Урок 375. 00:07:59

Pending UI _Solution
Урок 376. 00:01:53

Race Conditions _Problem
Урок 377. 00:02:46

Race Conditions _Solution
Урок 378. 00:01:27

History _Problem
Урок 379. 00:02:36

History _Solution
Урок 380. 00:04:50

Cache _Problem
Урок 381. 00:07:41

Cache _Solution
Урок 382. 00:00:50

Dad Joke Break Client Router
Урок 383. 00:05:00

Intro to Server Actions
Урок 384. 00:01:16

Action Reference _ Problem
Урок 385. 00:09:26

Action Reference _Solution
Урок 386. 00:02:05

Client Side _Problem
Урок 387. 00:03:13

Client Side _ Solution
Урок 388. 00:01:21

Server Side _Problem
Урок 389. 00:08:12

Server Side _Solution
Урок 390. 00:06:12

Revalidation _Problem
Урок 391. 00:04:15

Revalidation _Solution
Урок 392. 00:01:14

History Revalidation _ Problem
Урок 393. 00:02:31

History Revalidation _Solution
Урок 394. 00:00:34

Dad Joke Break Server Actions
Урок 395. 00:02:19

Outro to React Server Components
Урок 396. 00:36:21

Getting into Open Source with Aakansha Doshi
Урок 397. 00:31:03

Enhancing Forms using React 19 with Aurora Scharff
Урок 398. 00:41:46

Jenna Smith on AI, Building Radix, and Tokenami
Урок 399. 00:38:15

Evan Bacon brings React Server Components to React Native
Урок 400. 00:31:57

Kateryna Porshnieva on Building Accessible Apps with React 19
Урок 401. 00:31:22

React's Evolution: Past, Present, and Future with Lee Robinson
Урок 402. 00:37:14

Matt Brophy on Remix, React Router, and Open-Source
Урок 403. 00:33:22

Michelle Beckles on Community Building and Developer Health
Урок 404. 00:38:03

Under the Hood of React 19 with Rick Hanlon
Урок 405. 00:34:04

Sam Selikoff on React's Impact in Modern Web Development
Урок 406. 00:31:32

Lydia Hallie on JavaScript, React, and the Future of Web Development
Урок 407. 00:36:24

Sebastian Silbermann on Testing, Tooling, and Transitions With React 19
Урок 408. 00:28:16

The Importance of Accessibility in Modern Web Development With Shruti Kapoor
Урок 409. 00:44:53

Sunil Pai on Changing Lives with Powerful Software, PartyKit, and Durable Objects
Урок 410. 00:47:48

Theo Browne on His Personal Experience as a Web Developer
Урок 411. 00:35:39

Dominik Dorfmeister on His Open-Source Journey

1 React Fundamentals lesson 1-99 https://github.com/epicweb-dev/react-fundamentals

2 React Hooks lesson 100 -147 https://github.com/epicweb-dev/react-hooks

3 Advanced React lesson APIs lesson 148 - 203 https://github.com/epicweb-dev/advanced-react-apis

4 React Suspense lesson 204 - 250 https://github.com/epicweb-dev/react-suspense

5 Advanced React Patterns lesson 251 - 296 https://github.com/epicweb-dev/advanced-react-patterns

6 React Performance lesson 297 - 350 https://github.com/epicweb-dev/react-performance

7 React Server Components lesson 351 - 395 https://github.com/epicweb-dev/react-server-components

8 Bonus. Interviews With Experts lesson 396 - 411

Автор - Kent C. Dodds

Kent C. Dodds

Kent C. Dodds - Full-Stack разработчик JavaScript в PayPal, помогал создавать продукты, поставляемые миллионам пользователей по всему миру. Я представляю PayPal на TC39. Я эксперт Google Developer, и я преподаю на egghead.io уже четыре года.

+148

Категории

Комментарии

kznkv

23 апр. 2025 г., 08:32

Hi colleagues, I've downloaded repo and they want to activate code for continue. Do you have any ideas how to fix that?
kznkv kznkv

23 апр. 2025 г., 16:59

@CourseHunter Team, can you help?
CourseHunter Team kznkv

24 апр. 2025 г., 01:01

What is that repo ?
kznkv CourseHunter Team

24 апр. 2025 г., 06:58

In description on this course, https://github.com/epicweb-dev/react-fundamentals
CourseHunter Team kznkv

26 апр. 2025 г., 00:41

Unfortunately, we cannot provide this key, as it is used to identify our account and could result in it being banned.
kznkv CourseHunter Team

27 апр. 2025 г., 19:28

ok, thanks
Ernestina51 CourseHunter Team

26 апр. 2025 г., 03:50

Exercise can be done locally there is nothing extra these just make a ease of doing them one can easily do them locally
kznkv Ernestina51

29 апр. 2025 г., 07:53

got it, thanks
srummy123

12 мар. 2025 г., 16:12

Why is "React Fundamentals lesson 1-99" not included in the download?
CourseHunter Team srummy123

13 мар. 2025 г., 01:32

i think you miss something. It's there
stefan stax

26 февр. 2025 г., 16:59

Bad course really, code just keeps appearing which I guess was shared in discord or somewhere else but too many gaps to keep following this course at all.
stefan stax

13 февр. 2025 г., 21:35

Is there a way I can possibly translate the website into English by chance?

I assume whole course will be in English but generally asking for the platform itself is it possible?
CourseHunter Team stefan stax

13 февр. 2025 г., 21:53

Go to the website footer, press ENGLISH
weathered turncoat

25 янв. 2025 г., 09:28

Would it make sense to split this nearly 40 hour course into the 8 workshops that it is comprised of? Like 8 separate course pages? Because I tend to watch a bit of one workshop and a bit of another workshop, but because you've combined it into one massive course with 400 videos, this makes it hard to jump around and navigate. Same goes for the Epic Web course too.

Just a thought. Please consider this.

Thank you so much for this by the way.
CourseHunter Team weathered turncoat

26 янв. 2025 г., 19:58

Thank you for your suggestion! Splitting the course into separate pages isn’t necessary, as below the player you can already see which lessons belong to which module. This makes navigation straightforward without needing to create separate posts.

But we understand that navigating through a large course with 400 videos can feel a bit overwhelming.
mariaship

26 дек. 2024 г., 13:55

Hello! Seems like a video is missing between the lessons 357 snd 358
Dob6Er

13 нояб. 2024 г., 12:28

Hi. I think there is an issue with the lesson 318. Concurrent Rendering Intro. It seems to be the lesson 365 Intro to Client Components video.

Thanks for your work.
dudecy

14 окт. 2024 г., 21:01

The first half of the videos are not playable
dudecy dudecy

15 окт. 2024 г., 12:49

YES. THE FIRST HALF OF THE VIDEOS ARE NOT PLAYABLE ON MOBILE
CourseHunter Team dudecy

15 окт. 2024 г., 20:44

Plays. Check your devices please.
dudecy

14 окт. 2024 г., 12:49

@admin please fix the vidoes. I have a good internet connection but video is not playable. Its just loading infinitely. probably the same fix is needed as here:
https://coursehunter.net/course/animaciya-veba-s-pomoshchyu-framer-motion
CourseHunter Team dudecy

15 окт. 2024 г., 20:45

everything is ok, check your devices please.
Blackpool

3 окт. 2024 г., 14:48

pronextjs.dev will be nice to have
wawidi7221

30 сент. 2024 г., 18:05

pronextjs please
Anonymous wawidi7221

26 окт. 2024 г., 18:28

https://www.road-to-next.com/ maybe better
escaro Anonymous

12 нояб. 2024 г., 00:07

exactly !
road-to-next.com defenetly will be better
Anonymous

30 сент. 2024 г., 13:37

pronextjs please
Anonymous

29 сент. 2024 г., 21:07

The actual very first video of the first module isn't included. It's just 3min, so nothing fundamental. But wanted to give you a heads up.
Anonymous

29 сент. 2024 г., 10:03

Is this a good React Course?
Cult Anonymous

29 сент. 2024 г., 13:21

Yes it is
Anonymous

27 сент. 2024 г., 15:04

спс вам большое
bang

27 сент. 2024 г., 10:53

Awesome guys Thanks for the course
dudecy

27 сент. 2024 г., 01:03

Video is not playing in Android mobile. Any ideas why? All other courses are fine
CourseHunter Team dudecy

27 сент. 2024 г., 02:02

should be ok, try another browser maybe or porn tab
Nam

26 сент. 2024 г., 19:21

Thanks
escaro

26 сент. 2024 г., 18:36

Coursehunter team, you're the best !!!
carl0scer0n

26 сент. 2024 г., 18:21

Excellent, but my eyes jesus my eyes
darkfox2236 carl0scer0n

18 мар. 2025 г., 11:51

The color scheme and the font are killing me.
Anonymous

26 сент. 2024 г., 18:11

wow. fast and serious, pronext after this course please
Anonymous

26 сент. 2024 г., 17:54

Amazing. Love you guys!

Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.

Другие материалы в этой категории

Kent C. Dodds

17 окт. 2023 г., 22:11

Другое (Frontend) Другое (Backend)

Эпический Веб

Epic Web. Ship Modern Full-Stack Web Applications

Независимо от того, работаете ли вы и ваша команда над существующим веб-приложением масштаба предприятия или только что придумали потрясающую идею для нового проекта, единственное, что вас отделяет от достижения ваших целей - это эффективность.Конечно, вы можете попытаться преодолеть все трудности и добраться до конечной цели любым путем, но какова будет цена? Потеря времени, израсходованная энергия, стресс и даже потеря доверия пользователей.&nb

39 ч 2 мин

Английский

Посмотреть

+39

Kent C. Dodds

8 нояб. 2020 г., 01:34

React.js

Эпический React

Epic React (Epic React Pro)

С уверенностью поставляйте хорошо продуманные и готовые к работе приложения React как профессионалы.

27 ч 57 мин

Английский

Посмотреть

+754

Изображение курса React Summit 2024 - Amsterdam

reactsummit.com

25 июн. 2024 г., 21:00

React.js Конференции

React Summit 2024 - Amsterdam

React Summit — это гибридная конференция, проходящая как в очном формате, так и онлайн, посвященная всем аспектам React. Она собирает авторов проектов с открытым исходным кодом, ведущих тренеров и спикеров, а также веб-инженеров со всего мира, чтобы встретиться в Амстердаме и онлайн.

18 ч 56 мин

Английский

Посмотреть

+13

Изображение курса Официальный курс React Query - query.gg

ui.dev (ex. Tyler McGinnis)

11 июл. 2024 г., 23:15

React.js

Официальный курс React Query - query.gg

The Official React Query Course - query.gg

React Query был одной из самых быстрорастущих и популярных сторонних библиотек в экосистеме React, и этот курс научит вас всему, что нужно для его профессионального использования.Забудьте о детальном управлении состоянием, ручном обновлении данных и бесконечном асинхронном коде. Вы узнаете, как React Query предоставляет декларативные, всегда актуальные автоматизированные запросы и мутации, которые напрямую улучшают опыт как разработчика, так и по

4 ч 17 мин

Английский

Посмотреть

+38

Изображение курса Полное введение в React, v9

frontendmasters

Brian Holt

2 нояб. 2024 г., 21:56

React.js

Полное введение в React, v9

Complete Intro to React, v9

Этот курс «Полное введение в React, v9» полностью обновлен и переработан, чтобы сосредоточиться на обучении ключевым принципам React, сохраняя при этом все важные аспекты работы с инструментами. За два дня обучения Брайан Холт поможет участникам перейти от начального уровня до способности разрабатывать приложения на React, готовые к запуску в продакшене.

8 ч 27 мин

Английский

Посмотреть

+23

Эпический React v2: Путь к бесконечным рендерингам

Ограничение времени просмотра

Автор - Kent C. Dodds

Kent C. Dodds

React.js

TypeScript

Другие материалы в этой категории

Эпический Веб

Эпический React

React Summit 2024 - Amsterdam

Официальный курс React Query - query.gg

Полное введение в React, v9