Метод React.createElement подробно

Опубликовано: 03 Февраль 2026
на канале: InSimpleWords
243
16

Знакомство с react. Обсуждение заготовки для исследования react. Разбор jsx синтаксиса

00:00:00 !ВОДА! Приветствие, шутки
00:02:35 Повторение материала предыдущей встречи. Структура react элемента
00:03:20 Инструменты, с помощью которых будем проводить исследование react: IDE или редактор, рисунки, debug панель в консоли разработчика
00:19:55 Исследуем файл исходников react.js. Самовызывающаяся функция как инкапсуляция кода библиотеки
00:25:05 Исследуем файл исходников react.js. Обсуждаем код. Константы, вспомогательные функции...
00:35:35 hasValidRef , hasValidKey - пытаемся угадать смысл этих функций
00:37:50 фабрика ReactElement, функция createElement. Разбор исходного кода подробнее
00:59:45 Первые впечатления от исходников react
01:01:35 Беглый просмотр оставшегося кода в файле react.js
01:03:45 isValidElement - простая короткая функция проверки корректности react элемента
01:05:40 getElementKey - функция извлечения ключа из react элемента с учетом экранирования через простое регулярное выражение
01:09:25 взгляд на названия декларативных методов обработки коллекции react элементов
01:10:30 Список хуков react библиотеки. Ненастоящих! Управляемых через некий dispatcher
01:17:35 функции push(), peek() и подобные в разделе планировщика (scheduler) подсказывают нам о такой структуре данных как binary heap (двоичная куча). Сама структура и её алгоритм обработки не разбирается. Возможно это будет в следующих видео
01:20:05 Подведение итогов встречи

PS: Ищу работу junior frontend разработчиком по стеку react\redux ( почта для связи - [email protected] )