Front-end Digest № 47: що таке HTML у 2024, нові API та TypeScript в Figma

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

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

Веброзробка

• Що таке HTML насправді й чи потрібен він ще комусь у 2024 році
• OpenJS Foundations ділиться порадами з безпеки проєктів з відкритим вихідним кодом
• Jamstack та компонування: подорож у світ термінів фронтенду
• Еволюція мобільного рушія Figma: подорож Figma до TypeScript
• Використання API Popover для HTML-тултіпів
• Створення інтеграції чату з Google Gemini
• Подолання труднощів у роботі з Mobile FinTech API
• Безпечне відкриття посилань у новій вкладці: «Target=_blank» та «rel=noopener»
• Контрольоване блокування рендерингу
• Дослідження ефекту тривимірного викривлення тексту за допомогою React Three Fiber

• Інструменти
  • Порівняння п’яти Node-менеджерів — який підходить саме вам?
  • Gulp ще живий і пропонує опитування для розробників

• Доступність
  • Чому я дбаю про вебдоступність, і ви повинні теж
  • Вступ до European Accessibility Act (EAA)
  • Коротко про виділений текст

CSS

• Використання CSS-анімацій, керованих прокруткою, для індикаторів прогресу прокрутки на основі розділів
• Представляємо CSS anchor positioning API
• Сучасний посібник зі створення CSS Shapes
• Чому ми більше не говоримо про мінімізацію CSS?

JavaScript

• П’ять основних речей про JavaScript, які допоможуть вебдизайнерам, що не орієнтуються в JavaScript
• Нові альтернативи innerHTML
• Небезпека зміни глобальних змінних
• Глибоке порівняння в JavaScript: досконалий метод

• React
  • Як користуватися інструментами розробника React — пояснення з прикладами
  • Аналіз React Server Components (RSCs)
  • Створіть свій власний React.js за 400 рядків коду
  • Чому React Query?
  • Безголовий інтерфейс v2.0 для React
  • Використання React Server Components у RedwoodJS
  • Використання API ResizeObserver в React для адаптивного дизайну
  

• Angular
  • Покращення розміру бандла з Deferred Views в Angular
  • Демістифікація виявлення змін в Angular: комплексний посібник
  • Angular View Engine проти Ivy: вичерпний посібник
  • Angular: DOM Sanitization