Front-end Digest № 59: Трикутник компромісу SVG, індексація JavaScript в Google та новини Astro

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

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

Веброзробка

• Як літня Олімпіада в Парижі 2024 року вплинула на інтернет-трафік
• Нове на вебплатформі в липні
• Node.js додає експериментальну підтримку TypeScript
• Вебкомпоненти HTML спрощують прогресивне вдосконалення та інкапсуляцію CSS
• Трикутник компромісу SVG
• Максимальна гнучкість: Зовнішні SVG з можливістю стилізації та масштабування
• Використання qr-коду: настроюваний, анімований HTML-елемент з можливістю анімації
• Гнучке попереднє завантаження мережевих даних у великих SPA
• Що нового в Astro — липень 2024
• Як Європейський акт про доступність (EAA) вплине на спосіб надання послуг

CSS

• Ефект масштабування при наведенні без додаткових елементів
• Перенос рядка в <ruby> та властивість CSS ruby-align
• Думки щодо CSS Functions та Mixins Module
• Що, якби ви використовували Container Units для... всього?
• Letter Spacing не працює, як треба, і ми нічого не можемо з цим вдіяти... Можливо

JavaScript

• Як Google обробляє Javascript в процесі індексації
• 5 найкращих практик щодо безпеки в JavaScript на 2024 рік
• Управління пам’яттю та замикання
• Посібник з шаблонів проєктування в JavaScript
• Читання з буфера обміну в JavaScript
• Шаблони для маніпуляцій з DOM, що ефективно використовують пам’ять, за допомогою сучасного ванільного JavaScript
• Інший погляд на Typescript
• Посібник з переходу на ESLint: Огляд, приклади та альтернативи
• За межами React: як працює фреймворк Astro та його Server Islands

• React
  • React Conf 2024 Talks
  • Підвищення продуктивності: Перехід Faire на NextJS
  • Посібник з переходу на MUI: Огляд, приклади та альтернативи
  • Представляємо XState Store
  

• Vue
  • Автомаршрутизація в Vue 3 за файловою структурою
  • Як створити багатомовний сайт за допомогою Nuxt.js
  • Прискорюємо Nuxt 3 застосунок: три дієві кроки для оптимізації перформансу
  

• Angular
  • Поширені практики, які вбивають продуктивність Angular
  • Чи можна створити Signal з іншого Signal ? Ще й як можна!
  • 3 способи додавання динамічних CSS Custom Properties в Angular