Front-end Digest № 83: успіх Interop 2024, Angular в 2025 та animations API у React

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

Веброзробка

• Успіх Interop 2024
• Розробник SolidJS про боротьбу зі складністю вебфреймворків
• Новий розділ для Express.js: тріумфи 2024 та амбітний 2025 рік
• Astro: огляд 2024 року
• Розквіт Rust та WebAssembly у веброзробці
• Вивчення HTML — найкраща інвестиція, яку я коли-небудь робив
• 10 термінів бекенду, які повинен знати кожен фронтенд-розробник
• Можливо, у вас немає проблем з вебпродуктивністю
• Створення АІ-агента для вашого фронтенд-проєкту

• Інструменти
  • Інструменти збірки та бандлери
  • Розробка інтерфейсів для інструментів розробки у 2025 році: врахування потреб користувачів
  • Vitest 3.0 вийшов!
  • Бета-версія нового Rust-базованого бандлера JavaScript від Vite
  

• Доступність
  • Основи доступності, які повинен знати кожен фронтенд-розробник
  • Чи повинні акордеони автоматично закривати секції
  • Не обертайте Figure в Link
  • Автоматизоване та ручне тестування доступності найкраще працюють разом
  • Інструменти доступності

CSS

• CSS text-box-trim
• CSS scroll-state()
• Ще один спосіб відцентрувати div?!
• Інтерактивний дослідник CSS-функцій для text-box
• 100% CSS: отримання та фільтрація 512 біт серверних даних, вбудованих в анімований SVG
• Елегантна навігація меню за допомогою позиціювання якорів
• Як дочекатися функцій sibling-count() та sibling-index()
• Web-Slinger.css: подорож всесвітом свайперів
• Що я дізнався, створивши перемикач темного режиму

JavaScript

• Чистий JavaScript: повернення до джерел
• Переміщення елементів по DOM зі збереженням їхнього стану за допомогою moveBefore
• iframe і коли стикаються світи JavaScript
• Створення статичних SVG з GeoJSON
• Вивчаємо WebTransport API: нова ера вебкомунікацій
• Створення генеративних зображень за допомогою Three.js
• Створіть застосунок Nuxt за допомогою Deno

• React
  • Експериментальний animations API у React: перші деталі
  • Розуміння React Server Components
  • Освоєння форм у Next.js 15 та React 19
  • Серверний рендеринг з React Router v7
  • Як створити динамічний Web Scraper за допомогою Playwright та React: покрокова інструкція
  • Як користуватися TanStack Router: сучасний, типо-безпечний маршрутизатор для React
  • Найкращі практики для оптимізації React: поради щодо продуктивності та розробки
  

• Angular
  • Оновлений Angular Code Style: оглядаємо сигнали, standalone-компоненти та нові можливості
  • Стратегія Angular в 2025
  

Фронтенд-меми

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