TGViewer
Веб-стандарты Веб-стандарты @webstandards_ru · 13.9K subscribers
Post #7729 6.09K
От React к нативному вебу с nanotags: миграция, сэкономившая 100 Кб. Павел Гринченко рассказывает, как они перенесли маркетинговый сайт на Astro с React и Ark UI на нативные веб-компоненты, сократив JavaScript на 100 Кб. Nanotags — обёртка размером менее 2,5 Кб с валидацией пропсов, типизированными рефами и автоматической очисткой, а также подключаемыми ARIA-паттернами. В связке с nanostores этого хватает для меню, модалок и переключателей. #webcomponents #react

https://evilmartians.com/chronicles/from-react-to-native-web-with-nanotags-a-migration-that-saved-100kb
  • 👍 31
  • 🔥 11
  • ❤ 2
More from @webstandards_ru
  1. Sep 22, 2026Адаптивные iframe в Chrome 154. Себастьян Бенц и Брамус Ван Дамм рассказывают о свойстве f…
  2. Sep 21, 2026Выравниваем иконки и подписи. Ахмад Шадид начинает со списка, где align-items: center сбив…
  3. Sep 21, 202600:01:22 Новинки Firefox 156 00:14:44 Релиз Safari 27 01:06:33 Выравнивание иконок 01:17:5…
  4. Sep 21, 2026Выпуск №545. Полина Гуртовая, Вадим Макеев и Алексей Симоненко про новинки Firefox 156, ре…
  5. Sep 18, 2026Сноски на полях с помощью CSS anchor positioning. Венсан Берна связывает знак сноски и сам…
  6. Sep 17, 2026Современные типы для веба. Филип Уолтон устал от того, что TypeScript помечает ошибками Vi…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →