Front-end Digest № 77: реліз Astro 5.0 та React 19, CSS-підсумки від Chrome та SOLID в JavaScript

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

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

Веброзробка

• Реліз Astro 5.0
• Чому ми перейшли на Astro (і чому це може вас зацікавити)
• Контроль адаптації інтерфейсу до зміни розміру екрана на мобільних пристроях за допомогою interactive-widget
• Створіть застосунок на SolidJS за допомогою Deno
• Посилання на логотип у заголовку, яким має бути alt-текст
• Як створити галерею обертових зображень на WebGL за допомогою шейдерів OGL та GLSL
• Створення ефективних багатоетапних форм для кращого UX

• Інструменти
  • npm проти npx: у чому різниця
  • Ефективне використання console.log(): від базових прийомів до складних сценаріїв
  

• Продуктивність
  • Еволюція миттєвого інтернету: наслідки для інструментів аналізу продуктивності
  • Створення багатошарової системи спекулятивних правил
  • Розуміння основного потоку в браузері

CSS

• CSS Wrapped 2024 — щорічний підсумок від Google
• Кнопки з декількома станами
• CSS content-visibility: підвищення вебпродуктивності, якого вам може не вистачати
• Реалізація ефекту напівтону в CSS за допомогою трьох простих правил
• Плавна навігація між сторінками з використанням CSS
• Створення ефекту матового скла за допомогою backdrop-filter
• Sass Blog. Запит на коментарі: покращення синтаксису з відступами
• CSS :has() - батьківський селектор, який ми завжди хотіли
• Створення інтерактивного туру по інтерфейсу за допомогою Anchor Positioning
• Освоєння препроцесорів CSS: посібник з Sass, Less та Stylus

JavaScript

• Просто скажіть «ні» JavaScript
• Принципи SOLID для JavaScript
• navigator.clipboard — новий асинхронний Clipboard API в JavaScript
• П’ять бібліотек JavaScript, з якими варто попрощатися у 2025 році
• Стрибок в еволюції кодової бази Airtable: масштабування TypeScript на тисячі проєктів
• Освоюємо дату та час в JavaScript: від Moment.js до Temporal
• Повний посібник з оновлення Vue 3.x: поглиблене вивчення Composition API
• Angular 19. Розбираємо основні фічі

• React
  • Реліз React v19 stable
  • Опанування прогресивної гідратації для підвищення вебпродуктивності
  • Як працює React Compiler на реальному коді
  • Як покращити INP: React⚛️

Фронтенд-меми