Найти в Дзене

Почему будущее фронтенда — за разработкой без фреймворков

Ты тоже начинаешь каждый проект с React — просто потому что так принято?
А если я скажу, что в будущем тебе может не понадобиться ни React, ни Vue, ни даже build-система? Фронтенд перегрет. На каждый клик в UI — мегабайты JavaScript. Мы рендерим счёт-фактуру или лендинг… через виртуальный DOM. Зачем? Сложность растёт. Джун пишет useEffect вместо обычного setTimeout. В проде — гидра из багов и ворох зависимостей. Всё ради «удобства», которое часто выходит боком. Встречай новый тренд: no-framework frontend. Это когда ты берёшь HTML, немного CSS, чуточку JavaScript — и всё работает. Вот что это значит: Речь не о возвращении в 2006-й. Мы говорим про современные инструменты: Web Components, HTMX, Alpine.js, Lit и другие. Вот как выглядит «фреймворк-без-фреймворка» подход: Стандартизированный способ создавать переиспользуемые компоненты. Никакого npm install react, просто <my-button></my-button> и JavaScript. Позволяет писать интерактивный фронт без единой строки JS. Да, без JS. Всё на HTML
Оглавление

Ты тоже начинаешь каждый проект с React — просто потому что так принято?
А если я скажу, что в будущем тебе может не понадобиться ни React, ни Vue, ни даже build-система?

🧩 Почему фреймворки уже не тянут

Фронтенд перегрет. На каждый клик в UI — мегабайты JavaScript. Мы рендерим счёт-фактуру или лендинг… через виртуальный DOM. Зачем?

Сложность растёт. Джун пишет useEffect вместо обычного setTimeout. В проде — гидра из багов и ворох зависимостей. Всё ради «удобства», которое часто выходит боком.

⚡ А что если без фреймворка?

Встречай новый тренд: no-framework frontend. Это когда ты берёшь HTML, немного CSS, чуточку JavaScript — и всё работает.

Вот что это значит:

  • ✅ Прямой доступ к DOM
  • ✅ Минимум зависимостей
  • ✅ Молниеносная загрузка
  • ✅ Простота поддержки

Речь не о возвращении в 2006-й. Мы говорим про современные инструменты: Web Components, HTMX, Alpine.js, Lit и другие.

🛠 Под капотом: как это работает

Вот как выглядит «фреймворк-без-фреймворка» подход:

1. Web Components

Стандартизированный способ создавать переиспользуемые компоненты. Никакого npm install react, просто <my-button></my-button> и JavaScript.

2. HTMX

Позволяет писать интерактивный фронт без единой строки JS. Да, без JS. Всё на HTML-атрибутах и серверных шаблонах.

3. Vanilla + Islands architecture

Рендерим HTML на сервере, а потом подгружаем JS-функции только там, где они нужны. Сильно быстрее любой SPA.

📉 Когда фреймворк — перебор

  • Лендинг без логики
  • Информационный сайт
  • Простая админка
  • Email-шаблоны и отчёты
  • Эксперименты и MVP

Вместо того чтобы ставить 200+ зависимостей ради одного выпадающего меню — проще взять нативный <details>.

🔍 Контраргумент: «А как же масштабируемость?»

Справедливый вопрос. Безусловно, фреймворки вроде React упрощают масштабирование командной разработки.

Но… только если проект действительно большой. Большинство сайтов в мире — не такие. И тащить туда архитектурный монолит — как вешать люстру в палатку.

🧙‍♂️ А что делать джуну?

Освой no-framework подход:

  • Пойми, как работает HTML и DOM
  • Попробуй HTMX — тебе понравится
  • Напиши pet-проект без build-системы
  • Почитай про Web Components — это будущее, уже стандартизованное
  • Вдохновляйся сайтами типа https://htmx.org, https://vanillajstoolkit.com

👾 P.S. Наш Кодик уже пробует собирать интерфейсы на Web Components и HTMX — быстрее, проще, а главное, понятно даже новичку. Если интересно — заходи в наше Telegram-сообщество, там делимся мини-проектами, обсуждаем свежие технологии и просто общаемся по душам.

❓А ты готов попробовать фронтенд без фреймворков?

Что думаешь про этот подход? Писал ли ты когда-нибудь что-то без React или Vue?

👇 Поделись в комментариях!