К основному контентуEN
Доклад

🧞‍♂️ (Не)реальный доклад? 🧞‍♂️ Построение современного JavaScript-фреймворка: от теории к практике

  • На русском языке

Это фейковый спикер. И даже доклад нереальный. То есть из будущего.

Но зато это неслучайная страница — она здесь, чтобы привлечь твое внимание.

Мысль такая:

Мы приложим все усилия, чтобы на конференции HolyJS 2025 Spring в апреле — было выступление на похожую тему. Когда найдем такого спикера — обязательно включим его в программу конференции.

  • Если ты разбираешься в этой теме — то давай ты и выступишь с похожим докладом на эту тему? Мы серьезно!

Вся конкретика и детали, нюансы и кейсы, интерпретация и презентации — все на твой вкус!

➡️ Достаточно подать заявку на выступление. ⬅️

Со всем остальным мы (еще как!) поможем и ответим на все вопросы, если что.

Это ненастоящий план доклада — приходи со своим

Построение современного JavaScript-фреймворка: от теории к практике

Введение

  • Актуальность темы: современные JavaScript-фреймворки доминируют на рынке, но многие разработчики не понимают, как они устроены изнутри.
  • Цель доклада: показать, как можно построить собственный минималистичный JavaScript-фреймворк, используя современные подходы и технологии.

Что такое «современный» JavaScript-фреймворк?

  • Отличие от «классических» фреймворков, таких как React.
  • Основные характеристики: реактивность, использование клонирования DOM-деревьев, применение новых веб-API.

Построение реактивной системы

  • Использование Proxy для отслеживания изменений в состоянии.
  • Реализация механизма обновления ("flushing") для эффективного обновления состояния.
  • Применение queueMicrotask для пакетной обработки обновлений.

Рендеринг DOM

  • Использование клонирования DOM-деревьев для эффективного обновления.
  • Парсинг HTML-шаблонов с помощью тегированных шаблонных литералов.
  • Создание системы привязок для обновления конкретных элементов DOM.

Дополнительные возможности

  • Реализация итераций (repeaters) и обработка ключей для эффективной замены элементов.
  • Потенциальные улучшения с помощью новых веб-API, таких как DOM Part API.

Заключение

  • Современные JavaScript-фреймворки основаны на схожих принципах.
  • Построение собственного фреймворка помогает лучше понять внутреннее устройство существующих решений.
  • Перспективы развития веб-технологий для упрощения создания пользовательских фреймворков.

ИТОГО:

[Подать заявку]

 

Доклады