Front-end Digest № 163: Tailwind CSS vs StyleX, Rust поглинає JavaScript та велике оновлення Codepen

Привіт! Мене звати Олександр, я займаюся фронтендом в компанії Zfort Group. Приніс для вас свіжий дайджест з цікавими матеріалами зі світу фронтенду за останній тиждень.

Веб-розробка

• CI/CD для фронтенду в епоху штучного інтелекту
• WOFF 1.0: важлива віха на шляху W3C до впровадження шрифтів у вебі
• Безпечний спосіб релізу npm-пакета у 2026 році
• На пенсію api.ts: викликай майже будь-який API як локальну функцію
• Для чого моделі в фронтенді, або куди подіти весь той код з helpers/utils
• Однакова назва; різний компонент зі scoped-реєстрами кастомних елементів
• Виправлення помилки щодо доступності тултіпа
• Візуальне регресійне тестування: найважливіший тест, який ви не проводите
• Створення галереї з нескінченною прокруткою за допомогою GSAP із ефектами паралакса та перегортання

• Інструменти
  • З кожним оновленням — ще надійніші: як ми робимо Chrome та веб безпечнішими в епоху штучного інтелекту
  • Запуск CodePen 2.0
  • pnpm проти npm: який менеджер пакетів краще використовувати?
  • Як створити плагін для Vite з нуля

• Швидкодія
  • Як швидкість лендінг-сторінки може потайки вплинути на успіх ваших кампаній Google Ads
  • Ваша SPA має витоки пам’яті. Зробіть soak-тестування
  • Вимірювання продуктивності компонентів за допомогою Container Timing API

CSS

• Шпаргалки для flex, grid, anchor positioning та invoker команд
• Стилізація навігації: декларативне зіставлення маршрутів і навігації в CSS
• Стан CSS-in-JS з нульовим рантаймом, середина 2026
• Анімація тексту під рукопис за допомогою CSS
• Tailwind CSS проти StyleX: реальна міграція з 20 компонентами
• Чотири медіазапити щодо вподобань користувачів, які повинен враховувати ваш CSS
• CSS easing functions: що насправді робить cubic-bezier

JavaScript

• ECMAScript — Впровадження відкладеної оцінки модулів з import defer
• Чи варто й надалі застосовувати обфускацію JavaScript в епоху штучного інтелекту?
• Rust поглинає JavaScript, версія 2026 року
• Як писати JavaScript-компаратори для сортування
• API Temporal: дати в JavaScript — нарешті виправлено
• Promise.all vs allSettled vs race vs any
• Як створити сучасний Dependency Injection Container на чистому JavaScript

• React
  • Ми припинили використовувати RSC на TanStack.com
  • Думайте в термінах Remix UI, а не React
  • Цільові сторінки пошуку на Next.js, які Google може індексувати
  • Детальний огляд React Fiber
  • Ваша функція useMemo, ймовірно, нічого не робить

• Svelte
  • Новинки Svelte: серпень 2026 року
  • Cloudflare Workers та Hyperdrive з SvelteKit
  • Управління Svelte-сховищами у великих додатках: повний посібник для початківців

Меми

Підписуйтеся на Telegram-канал «DOU #tech», щоб не пропустити нові технічні статті