Привет, Хаброжители!Мы используем фронтенд-фреймворки каждый день. А понимаем ли мы, что происходит там, под капотом? Книга Анхеля Солы Орбайсеты «Создание фронтенд-фреймворка с нуля» предлагает уникальный подход к изучению этой темы — через практическое создание собственного фреймворка. Автор убежден, что лучший способ понять принципы работы фреймворков — самостоятельно реализовать их ключевые механизмы.
В 2007 году, когда только начиналась карьера Орбайсеты в веб-разработке, современные фреймворки еще не существовали. Разработчикам приходилось добавить обработчики событий к HTML-элементам и обновить DOM на программном уровне. К счастью, первопроходцы (например, Мишко Хевери из Google) осознали необходимость более эффективного решения и представили AngularJS — революционный фреймворк, который был создан для того, чтобы избавить разработчиков от прямых манипуляций с DOM. Примерно в то же время появились фреймворки Backbone.js и Knockout. В последующие годы началось восхождение Ember, Elm и React, отметившее начало эры процветания в мире фреймворков для веб-разработки.
И до сих пор новые оригинальные фреймворки продолжают появляться. Например, Qwik.
Анхель Сола Орбайсета начал постигать тайны фреймворков с анализа исходного кода Vue. Для этого он клонировал клонировал репозиторий Vue и тщательно изучал все коммиты, один за другим. При этом он старался понять все неочевидные изменения в кодовой базе, относящиеся к функциональности фреймворка. Глубокое понимание базовых механик Vue принесло неоценимую пользу для диагностики сложных проблем и принятия обоснованных архитектурных решений при создании приложений. Позднее та же процедура была проведена с Svelte и Mithri
«Меня увлекал элегантно написанный исходный код, который легко отслеживать даже сегодня. Мое восхищение Эваном Ю — настоящим героем фронтенда — возрастало каждый раз, когда я узнавал что-то новое. Глубокое понимание базовых механик Vue принесло неоценимую пользу для диагностики сложных проблем и принятия обоснованных архитектурных решений при создании приложений.»
Позднее Орбайсета проделал ту же процедуру с Svelte и Mithri. Анализ Svelte оказался особенно интересным, поскольку его подход заметно отличался от других. Этот фреймворк представляет собой компилятор, который преобразует код в JavaScript-компоненты, обновляющие DOM напрямую: виртуальный DOM в нем не используется.
Изучив внутреннее устройство популярных фреймворков, Орбайсета задался вопросом: возможно ли создать минимальную, но работоспособную версию такого инструмента? Не для использования в продакшене, а в образовательных целях. Не найдя подходящих руководств, он решил написать книгу, которая шаг за шагом проведет читателя через процесс создания собственного фреймворка.
Книга разделена на три логические части:
- Основы работы фронтенд-фреймворков и создание приложения на JavaScript
- Как создать простейший фронтенд-фреймворк, который рендерит компоненты и управляет состоянием приложения
- Создание компонентов, которые управляют своим состоянием, взаимодействуют с другими компонентами и выполняют код как часть своего жизненного цикла (когда они монтируются и демонтируются из DOM).
Автор сознательно отказался от создания «промышленного» решения, сосредоточившись на объяснении ключевых концепций. Каждая тема — от рендеринга компонентов до алгоритмов согласования — разбирается на понятных примерах и сопровождается схемами. Особое внимание уделено практическим аспектам: читатель не только узнает теорию, но и опубликует свой фреймворк как npm-пакет.
Для кого эта книга?
Издание предназначено для фронтенд-разработчиков любого уровня, которые хотят глубже понять инструменты, с которыми работают ежедневно. Книга предполагает базовые знания JavaScript и HTML, а также некоторый опыт использования фреймворков. Однако даже опытные разработчики найдут в ней ценные инсайты о внутренней работе современных инструментов.
Орбайсета подчеркивает, что создание фреймворка — это не только образовательный опыт, но и увлекательное путешествие в мир фронтенд-разработки. Читатели получат удовольствие от процесса и смогут по-новому взглянуть на привычные инструменты, понимая их внутреннюю механику.
Об авторе
Анхель Сола Орбайсета — сеньор-разработчик, более 10 лет занимающийся проектированием программных продуктов, от платформенных настольных приложений до бэкенд-сервисов и фронтенд-приложений. Инженер-механик по образованию, но инженер-разработчик по призванию, Анхель — любознательный человек, которому нравится изучать устройство вещей по первоисточнику и обмениваться знаниями с другими. В свободное время он обычно встречается с друзьями, готовит блюда со всего мира или читает книги — чаще всего научно-популярные или антиутопии.
Ознакомьтесь с книгой «Создание фронтенд-фреймворка с нуля» на нашем сайте.
» Оглавление
» Отрывок
По факту оплаты бумажной версии книги на e-mail высылается электронная книга.
Для Хаброжителей скидка 25% по купону — Фреймворк
