Грокаем React

⚠️ Обязательное условие Курс построен на коде из книги «Создание фронтенд-фреймворка с нуля» Орбайсета А. Без неё вы усвоите только верхний слой — зачем нужен React и как он устроен в общих чертах. Глубина — в исходном коде, который объясняет книга. Не записывайтесь на курс без книги! Доступные издания: 🇷🇺 Русский перевод — «Создание фронтенд-фреймворка с нуля», издательство «Питер» 🇬🇧 «Build a Frontend Web Framework (From Scratch)» (Manning) 🇬🇧 «Building Your Own JavaScript Framework» (Packt) «Грокаем React» — системное исследование внутреннего устройства React. Не руководство по хукам и компонентам, а разбор механики: как библиотека работает изнутри и почему именно так. Часть I: Путь к React На сквозном примере конфетной лавки автор проведёт вас от чистого JavaScript и jQuery к идее «интерфейс как функция от состояния». Вы увидите, как императивный подход ломается при росте проекта и почему декларативная отрисовка — не тренд, а инженерное решение конкретных проблем. Веб до React: состояние в DOM, двунаправленный поток данных, императивный код jQuery: почему он не решил архитектурных проблем Первый шаг к React: источник правды в данных, а не в HTML Часть II: React под капотом Каждую идею автор покажет сначала в упрощённом учебном фреймворке fe-fwk-ts-react (адаптация кода из книги — переписана на TypeScript, приближена к архитектуре настоящего React), а затем докажет ссылкой на исходный код библиотеки. Виртуальное дерево — что такое ReactElement и почему это следствие декларативности, а не оптимизация скорости Fiber-узел — где хранится состояние между перерисовками и как это связано с хуками Алгоритм согласования — два условия, которые определяют всё: тег и ключ Ключи — почему это не рекомендация, а механизм идентификации состояния Фазы Render и Commit — как React разделяет вычисление и применение изменений к DOM Жизненный цикл компонента и планировщик на микрозадачах