Фреймворки дают клиентский роутинг из коробки. У HTML и Web Components его нет. Если сайт уже отдаёт полные страницы, а клиентская навигация нужна только для части разделов, переписывать всё на фреймворк незачем.
Рубрика «веб-компоненты»
Страница, которая не моргает: SPA-роутинг для HTML и Web Components
2026-08-18 в 8:31, admin, рубрики: Aura Router, MPA, Progressive enhancement, SPA, web components, веб-компоненты, клиентская навигацияВеб. К черту фреймворки! Пишем свой starter-kit с роутером и сторами
2025-10-05 в 8:15, admin, рубрики: html, React, SPA, vanilla.js, webpack, веб-компоненты, экспериментВведение
Привет! Меня зовут Сергей и я фронтенд-разработчик. Уже несколько лет я использую React как основную библиотеку. Связка React + MUI + Styled Components (MUI-версия) + Storybook + Playwright. Стейт-менеджеры не использую, поскольку они избыточны в большинстве случаев, и достаточно грамотного использования контекста.
Я очень неплохо умею пользоваться React, поэтому имею право его очень сильно недолюбливать.
Веб-разработка на ванильном HTML, CSS и JavaScript: стилизация и сайты
2025-05-19 в 13:01, admin, рубрики: custom elements, html шаблон, ruvds_переводы, shadow dom, веб-компоненты
Это вторая статья из цикла переводов о веб-разработке на чистых (ванильных) технологиях — без фреймворков и сторонних инструментов, только HTML, CSS и JavaScript. В первой части мы обсудили, почему такой подход может быть разумной альтернативой современным фреймворкам и рассмотрели использование веб-компонентов в качестве базовых строительных блоков для создания более сложных примитивов. В этот раз поговорим про стилизацию, а также деплой компонентов в продакшен без использования сборщиков, фреймворков или серверной логики.Читать полностью »
Веб-разработка на ванильном HTML, CSS и JavaScript
2025-05-14 в 13:01, admin, рубрики: custom elements, html шаблон, ruvds_переводы, shadow dom, веб-компоненты
В этой серии статей мы расскажем, как выполнять веб-разработку исключительно на ванильных технологиях. Ни инструментов, ни фреймворков, лишь HTML, CSS и JavaScript.
Современные фреймворки веб-разработки обладают мощными возможностями для быстрой разработки хорошо структурированных веб-приложений, поэтому они стоят изучения. Однако за эту богатую функциональность приходится расплачиваться сложностью фреймворков и инструментария, а для обеспечения безопасности и актуальности проектов часто требуется регулярная поддержка.
Выбрав ванильный стиль веб-разработки, мы обмениваем кратковременное удобство на такие долговременные преимущества, как простота и практически нулевая поддержка. Такой подход возможен благодаря современному уровню развития браузеров, обеспечивающих превосходную поддержку веб-стандартов.Читать полностью »
Сборка библиотеки angular-компонентов в виде веб-компонентов
2019-06-17 в 16:10, admin, рубрики: angular, Angular Elements, TypeScript, web components, библиотека компонентов, Блог компании Tinkoff.ru, веб-компоненты, Разработка веб-сайтовПро Angular Elements сейчас пишут много статей и регулярно читают доклады. Мол, больше не нужно разворачивать несколько полноценных ангуляров — достаточно собрать веб-компоненты и использовать их на своей странице.
Но, как правило, эти материалы ограничиваются рассмотрением довольно утопичной ситуации: мы делаем отдельный проект, создаем angular-компонент, настраиваем проект на сборку Elements и, наконец, компилируем несколько JS-файлов, подключение которых к обычной странице даст нам необходимый результат. Ура, компонент работает!..
На практике же возникает потребность вытащить несколько компонентов из готового работающего angular-проекта, да еще желательно так, чтобы не влиять на его текущую разработку и использование. Эта статья получилась как раз благодаря одной из таких ситуаций: я хотел не просто собрать отдельные элементы проекта, а сделать процесс компиляции целой UI-библиотеки на Angular в набор файлов с нативными веб-компонентами.
Читать полностью »
Веб-компоненты: 9 проектов, о которых стоит знать в 2019 году
2019-04-24 в 9:00, admin, рубрики: UI, usability, Блог компании RUVDS.com, веб-компоненты, Веб-разработка, дизайн, Разработка веб-сайтовАвтор материала, перевод которого мы сегодня публикуем, полагает, что если вы собираетесь использовать при проектировании интерфейсов своих приложений веб-компоненты и подыскиваете подходящую библиотеку, независимую от UI-фреймворков, вам стоит взглянуть на те проекты, о которых пойдёт здесь речь.
