Front-end Digest № 60: розмова про CSS5, альфа-прозорість у вебі та рефакторинг React-компонента

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

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

Веброзробка

• Відео з альфа-прозорістю у вебі
• Netlify прагне спростити фронтенд за допомогою Cloud Primitives
• Що таке бібліотека компонентів і чи варто створювати власну?
• HTML-вебкомпоненти: трошки Shadow DOM в подарунок
• Стратегії впровадження масштабованих фронтенд-архітектур у великих організаціях
• Посібник з Vitest: огляд, приклади та альтернативи
• Інтерактивна 3D-вітрина з Threepipe
• Мистецтво розмиття та ретротінізації у веб

• Доступність
  • Доступність структури заголовків для головних сторінок
  • WCAG, VPAT, s508, Level A — що це таке?
  • Зробімо інтернет простішим і доступнішим

CSS

• Нові анімаційні ефекти тепер доступні в базових браузерах
• Настав час поговорити про «CSS5»
• Перехід між `height: auto` & `display: none` з використанням чистого CSS
• За межами регулярних виразів: покращення розбору значень CSS у Chrome DevTools
• П’ять найкращих практик для запобігання хаосу в Tailwind CSS
• Олімпійські кільця на CSS
• Чи дійсно CSS Grid повільніший за Flexbox?
• Створення 3D-ефектів у CSS
• Покращуйте обтікання та баланс тексту за допомогою властивості CSS text-wrap

JavaScript

• Вивчення можливостей нативних JavaScript-декораторів
• Як створити масштабовані real-time застосунки за допомогою JavaScript
• Вивчайте TypeScript — вичерпний посібник для початківців
• Snippets в Svelte 5

• React
  • 101 порада та підказка для початківців та експертів в React
  • Уникнення передчасної абстракції за допомогою Unstyled React Components
  • Здоровий глузд при рефакторингу заплутаного React-компонента
  

• Vue
  • Різниця між Vue 2 та Vue 3
  • 21 поради щодо Nuxt, які вам потрібно знати
  • Створення інтерактивного аналогового годинника за допомогою Vue3
  • Як створювати високопродуктивні додатки на Astro за допомогою Vue Components: покрокова інструкція
  

• Angular
  • Створення envless-застосунків в Angular
  • Головний розробник Angular від Google бачить зближення в JavaScript-фреймворках
  • Представляємо Taiga UI v4: ще більше компонентів та покращень
  • Розширена фільтрація списків в Angular 18