Главная страницаКатегория react.jsВнутри React: узнайте, как React работает на самом деле

Внутри React: узнайте, как React работает на самом деле

Name: Внутри React: узнайте, как React работает на самом деле
Price: 13 USD
Rating: 5 (8 reviews)

Inside React: Learn How React Really Works

zerotomastery.io

Anthony Alicea

★5 (всего оценок - 8)

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

17 ч 6 мин

Категория

React.js

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

166 Видео

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

21 июл. 2026 г., 12:00

Язык

Английский

Этот курс создан для разработчиков, которые хотят перестать «писать React на автомате» и наконец понять, как именно работает библиотека изнутри. Вместо поверхностного изучения синтаксиса вы погрузитесь в архитектуру React, научитесь разбираться в исходниках и принимать грамотные технические решения даже в эпоху активного использования AI.

Что делает этот курс уникальным

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

Работа с реальным исходным кодом React

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

Формирование правильной ментальной модели

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

Темы, которые вы глубоко освоите

Каждый модуль курса — это сочетание теории, визуальных объяснений и практических разборов. Среди ключевых тем:

JSX и React Elements
Архитектура Fiber и её преимущества
Алгоритм reconciliation
Механизм рендеринга и обновления компонентов
Управление состоянием
Hooks, эффекты и обработка событий
Context API и особенности его применения
Suspense и работа с асинхронностью
Server Components и возможности современного React

Дополнительные фундаментальные знания

Параллельно вы укрепите базу по JavaScript, структурам данных, DOM, неизменяемости данных, а также принципам семантической разметки и веб-доступности. Эти навыки помогут лучше понимать всю экосистему веб-разработки, а не только React.

React и AI: работа в современной среде

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

Практическая ценность курса

Каждая тема подкреплена примерами из реальных проектов. Вы научитесь быстро находить причины ошибок, уверенно отлаживать приложения и понимать поведение React без бесконечных экспериментов «на удачу».

После прохождения курса вы сможете:

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

Главный результат обучения

По завершении курса вы будете не просто писать код, а понимать, как React работает изнутри. Это позволит вам самостоятельно разрабатывать сложные приложения, уверенно решать нестандартные задачи и выйти на уровень разработчиков, которые действительно разбираются в архитектуре React и умеют использовать библиотеку максимально эффективно.

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

Урок 1. 00:01:45
Introduction
Урок 2. 00:01:54
Setup: Getting Ready to Learn
Урок 3. 00:02:08
A Basic React App
Урок 4. 00:02:06
The React Source Code
Урок 5. 00:00:21
Introduction
Урок 6. 00:02:01
HTML and Trees
Урок 7. 00:04:03
HTML, the Browser, and the DOM
Урок 8. 00:06:32
DOM Manipulation
Урок 9. 00:03:01
Conceptual Aside: Imperative vs Declarative Programming
Урок 10. 00:03:12
The DOM and Imperative Programming
Урок 11. 00:03:57
The DOM and Declarative Programming
Урок 12. 00:00:28
Introducing React Elements
Урок 13. 00:04:18
Conceptual Aside: Recursion
Урок 14. 00:12:53
Conceptual Aside: POJOS (Plain Old Javascript Objects)
Урок 15. 00:11:37
Creating React Elements
Урок 16. 00:05:24
React Element Trees
Урок 17. 00:01:32
Conceptual Aside: DOM Element References
Урок 18. 00:06:04
React Elements and DOM Elements
Урок 19. 00:12:11
React DOM Updates: React's Imperative Code
Урок 20. 00:06:02
Components
Урок 21. 00:11:06
Components and Reusability
Урок 22. 00:05:18
Conceptual Aside: Pure Functions
Урок 23. 00:12:25
Props: Function Arguments
Урок 24. 00:14:12
Template Logic: Logic and Building Trees
Урок 25. 00:07:18
Element Properties
Урок 26. 00:00:22
Introducing JSX
Урок 27. 00:01:57
Conceptual Aside: Markup and Tree Creation Shorthand
Урок 28. 00:01:49
Conceptual Aside: Transformation and Transpilation
Урок 29. 00:19:41
React Elements and JSX
Урок 30. 00:12:01
JSX and Logic
Урок 31. 00:02:48
Conceptual Aside: HTML Authoring
Урок 32. 00:10:04
Fragment and HTML Authoring
Урок 33. 00:00:44
Introducing Fiber and Reconciliation
Урок 34. 00:08:58
Root Creation and Render
Урок 35. 00:04:24
Conceptual Aside: Trees and Linked Lists
Урок 36. 00:06:58
Fiber Nodes and Fiber Trees
Урок 37. 00:03:45
Conceptual Aside: Tree Reconciliation and the Tree Edit Distance Problem
Урок 38. 00:09:28
Work-in-Progress Nodes
Урок 39. 00:05:49
Reconciliation and Work
Урок 40. 00:00:22
Introducing Execution Context
Урок 41. 00:03:32
Conceptual Aside: Execution Contexts and the Event Loop
Урок 42. 00:04:14
Fiber and Custom Execution Context
Урок 43. 00:03:01
Units of Work and the Work Loop
Урок 44. 00:03:35
Conceptual Aside: Equality
Урок 45. 00:07:02
Beginning, Completing, Bailing Out, and Pausing Work
Урок 46. 00:02:36
Lanes and Priority
Урок 47. 00:00:14
Introducing React DOM and Rendering
Урок 48. 00:02:56
Commiting Work and the Renderer
Урок 49. 00:04:49
Mounting, Updating, and Unmounting
Урок 50. 00:00:24
Introducing Events
Урок 51. 00:11:37
DOM Events
Урок 52. 00:07:53
React Event Objects
Урок 53. 00:05:44
Synthetic Event Properties and Methods
Урок 54. 00:02:57
Exercise: Imposter Syndrome
Урок 55. 00:00:17
Introducing State
Урок 56. 00:06:36
Conceptual Aside: State Machines
Урок 57. 00:02:41
Conceptual Aside: Pure Functions
Урок 58. 00:02:47
User Interface (UI): a Function of State
Урок 59. 00:06:32
Conceptual Aside: Reducers
Урок 60. 00:08:55
Actions and State
Урок 61. 00:00:25
Introducing Hooks and State
Урок 62. 00:04:04
Fiber, Hooks, and State
Урок 63. 00:03:54
Conceptual Aside: Queues
Урок 64. 00:02:46
Update Queues
Урок 65. 00:02:39
State and Re-Renders
Урок 66. 00:07:49
useReducer - Part 1
Урок 67. 00:06:04
useReducer - Part 2
Урок 68. 00:04:17
useState - Part 1
Урок 69. 00:10:48
useState - Part 2
Урок 70. 00:07:44
Rules of Hooks
Урок 71. 00:10:37
useState - Part 3
Урок 72. 00:08:11
Conceptual Aside: Shallow Equality and Object.is
Урок 73. 00:07:47
Immutable State
Урок 74. 00:00:16
Introduction
Урок 75. 00:01:31
Conceptual Aside: Pure Functions and Side Effects
Урок 76. 00:11:47
Adding Your Own Effects: useEffect
Урок 77. 00:08:07
Dependencies
Урок 78. 00:02:35
A Game of Ping Pong
Урок 79. 00:09:55
Unmounting and Effects
Урок 80. 00:10:27
Fetching Data ...or Not
Урок 81. 00:04:09
Conceptual Aside: Stale Closures
Урок 82. 00:09:52
useEffect and Stale Closures
Урок 83. 00:10:25
What Not To Do
Урок 84. 00:00:26
Use
Урок 85. 00:08:58
Fetching Data - Part 1
Урок 86. 00:07:26
Fetching Data - Part 2
Урок 87. 00:00:24
Introduction
Урок 88. 00:04:27
useRef
Урок 89. 00:05:16
useRef and the DOM
Урок 90. 00:04:16
forwardRef
Урок 91. 00:02:24
Ref as a Prop
Урок 92. 00:00:25
Introduction
Урок 93. 00:12:31
Extracting Custom Hooks
Урок 94. 00:00:22
Introduction
Урок 95. 00:18:13
Real World Complexity and Loops
Урок 96. 00:28:52
Lifting State Up
Урок 97. 00:12:28
&&, 0 and Ternary Operators
Урок 98. 00:06:02
.children
Урок 99. 00:00:50
useContext
Урок 100. 00:04:28
Prop Drilling
Урок 101. 00:39:23
Context
Урок 102. 00:02:19
Context with Caution
Урок 103. 00:05:11
Use and Context
Урок 104. 00:00:31
Introduction
Урок 105. 00:08:49
useID
Урок 106. 00:15:29
Key
Урок 107. 00:00:19
Introduction
Урок 108. 00:07:32
Conceptual Aside: Memoization
Урок 109. 00:16:01
Memo
Урок 110. 00:20:16
useMemo
Урок 111. 00:10:33
useCallback
Урок 112. 00:01:38
React Forget
Урок 113. 00:00:22
Introduction
Урок 114. 00:27:22
useContext + useReducer
Урок 115. 00:06:15
Third Party State Management
Урок 116. 00:01:31
Use, Reducer, and Context
Урок 117. 00:00:50
Intoduction
Урок 118. 00:03:49
Conceptual Aside: Toolchain
Урок 119. 00:06:02
Conceptual Aside: ES Modules
Урок 120. 00:01:53
Create-React-App
Урок 121. 00:18:45
Vite
Урок 122. 00:03:51
Frameworks
Урок 123. 00:00:32
Introduction
Урок 124. 00:03:34
Adding Strict Mode
Урок 125. 00:10:28
Extra Re-Render
Урок 126. 00:09:13
Extra Effect Re-Run
Урок 127. 00:00:18
Introduction
Урок 128. 00:15:05
Reorganizing Our App
Урок 129. 00:05:29
Uncontrolled Inputs
Урок 130. 00:13:44
Controlled Inputs
Урок 131. 00:08:00
Form
Урок 132. 00:11:17
Textarea, Select, and More
Урок 133. 00:01:58
Third Party Form Help
Урок 134. 00:02:13
Future Form Futures
Урок 135. 00:00:17
Introduction
Урок 136. 00:03:22
Using Dev Tools
Урок 137. 00:01:47
useDebugValue
Урок 138. 00:00:24
Introduction
Урок 139. 00:03:16
CSS and React
Урок 140. 00:04:11
Toolchains and CSS
Урок 141. 00:04:12
CSS Modules and More
Урок 142. 00:00:24
Introduction
Урок 143. 00:01:59
Spelling Bee
Урок 144. 00:03:22
XTML Authoring
Урок 145. 00:05:55
Getting the Data
Урок 146. 00:08:41
Header
Урок 147. 00:14:34
Honeycomb
Урок 148. 00:09:29
Shuffle
Урок 149. 00:12:10
Words and Letters
Урок 150. 00:14:50
Word List
Урок 151. 00:06:07
Final Thoughts
Урок 152. 00:06:09
Score
Урок 153. 00:03:30
Highlighted Letter
Урок 154. 00:00:21
Introduction
Урок 155. 00:03:42
Next.js
Урок 156. 00:02:26
Remix
Урок 157. 00:00:31
Introduction
Урок 158. 00:03:45
What is Suspense?
Урок 159. 00:10:10
Suspense and Remix
Урок 160. 00:00:53
Introduction
Урок 161. 00:11:54
Server Components
Урок 162. 00:05:29
Client Components
Урок 163. 00:07:58
RSC Payload
Урок 164. 00:07:30
Composing Server and Client components
Урок 165. 00:01:37
Congratulations!
Урок 166. 00:01:18
Thank You!

https://github.com/AnthonyPAlicea/understandingreact

Авторы - Anthony Alicea, zerotomastery.io

Anthony Alicea

Anthony Alicea – высококвалифицированный разработчик программного обеспечения, архитектор и дизайнер пользовательского интерфейса. Он начал программировать в возрасте 12 лет и занялся разработкой веб-сайтов и веб-приложений в 16 лет. Энтони имеет степень в области компьютерных наук от Университета Case Western Reserve и является сертифицированным разработчиком приложений Microsoft. Его опыт охватывает множество технологий, включая HTML5, CSS3, Ja

+44

zerotomastery.io

Независимо от того, начинаете ли вы путь в программировании или стремитесь повысить свой уровень, академия Zero To Mastery помогает освоить ключевые технологические навыки. На платформе вы можете изучить React, JavaScript, Python, CSS и многие другие инструменты, необходимые для карьерного роста, успешного трудоустройства и достижения результатов в ведущих компаниях.

+271

Комментарии