Front-end Digest № 55: WebAssembly vs JavaScript, Container Queries та React 19 в Wordpress

💡 Усі статті, обговорення, новини про Front-end — в одному місці. Приєднуйтесь до Front-end спільноти!

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

Веброзробка

• Нове на вебплатформі в червні
• Як покращити досвід роботи з Web Workers
• Як працює вибір спікера в WebRTC
• Інтеграція бібліотеки Go у вебсторінку на JavaScript за допомогою WebAssembly
• Ефект прогресивного розмиття за допомогою WebGL з шейдерами OGL та GLSL
• Адаптивні HTML-таблиці: Представлення даних у доступній формі

• Інструменти
  • Що чекає на ESLint у майбутньому
  • Використання Perplexity AI для Front-end розробки
  • Оновлена Figma демонструє можливості штучного інтелекту у розробці додатків та додає підтримку для розробників
  

• Продуктивність
  • Оптимізація роботи з деревоподібними структурами в багатокористувацьких Front-end застосунках
  • Уникайте зловживання fetchpriority="high"
  • Посібник з вебпродуктивності від speedcurve

CSS

• Обчислення cos(25deg) в CSS
• CSS One-Liners для покращення (майже) кожного проєкту
• Підтримка виявлення функції в CSS з @property
• Як використовувати container queries зараз
• Медіазапити vs. контейнерні запити — що і коли використовувати?
• Лінії для ефекту несподіванки з манга на CSS

JavaScript

• WebAssembly vs JavaScript: Порівняння
• Script Integrity
• Як скасувати Promises в JavaScript
• Робота зі вставленим контентом у JavaScript
• Як парсити HTML в JavaScript
• Виявлення юзерагента та зміна ліцензії ua-parser-js
• Що нового в ECMAScript 2024: Поглиблений посібник з новими функціями
• Прискорення екосистеми JavaScript — Ізольовані декларації
• Сніппети коду Vue 3 TypeScript та поради

• React
  • Wait for pending: Дослідження алгоритму Suspense
  • Підготовка до React 19: посібник для користувачів WordPress 6.6
  • Вивчення React Compiler: Детальний вступ
  • Використання Storybook та RSC для створення та тестування ізольованих застосунків
  • 5 Хибних уявлень про React Server Components