Front-end Digest № 40: оптимізація JavaScript, доступні форми та майбутнє вебсайтів

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

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

Веброзробка

• Майбутнє вебсайтів в епоху штучного інтелекту та занепаду SEO
• Чи спостерігаємо ми за смертю інтернету?
• Значення токенів дизайну в сучасній веброзробці
• Реагування на зміни HTML у вебкомпоненті
• Як оптимізувати вміст сайту для Featured Snippets
• Створення інтерактивного 3D-ефекту опуклого тексту за допомогою React Three Fiber
• Про доступність popover в браузері: що робить і чого не робить браузер

CSS

• Прощавай SASS, ласкаво просимо до нативного CSS
• Вихід за межі пікселів та ^®емів у CSS — Одиниці виміру абсолютної довжини
• box model та box sizing
• Доступні форми з псевдокласами
• Впровадження вертикальних елементів форм
• Chill Scroll Snapping: Скролінг між заголовками статей

JavaScript

• Hail to the King, Baby: Чому JavaScript панує над усім
• Створення Full-stack App з Node.js та htmx
• WebSockets vs Server-Sent-Events vs Long-Polling vs WebRTC vs WebTransport
• Великі цифри, без турбот: Число у форматі JavaScript з комами
• OpenTelemetry на практиці: Інструментарій JavaScript-застосунків для трасування
• Оптимізація JavaScript для фану і користі
• Kuto, реверсивний JS-бандлер

• React
  • MistCSS — Пишіть атомарні React-компоненти, використовуючи лише CSS! (JS-from-CSS™)
  • Система типів компілятора React
  • Як тестувати кастомні хуки та компоненти React за допомогою Vitest
  • Використання react-to-print для створення документа для друку
  • Вивчаємо Catalyst, UI-набір для React від Tailwind
  • Як Next.js порушує основи React (приклади)
  

• Vue
  • Створення PDF-переглядача для Vue.js за допомогою PDF.js, vue3-pdf-app та інших
  • Як уникнути та виправити prop drilling у Vue.js
  

• Angular
  • Angular з NativeScript: Створення консолі освітлення/затемнення
  • Підвищення продуктивності Angular-застосунків за допомогою RouteReuseStrategy
  • Angular Signals: Кращі практики
  • Міфічний Angular — що ми знаємо про обмеження signal inputs