Front-end Digest № 162: Базові принципи мікрофронтендів, витоки пам’яті в Next.js та адаптивне ASCII-мистецтво в CSS

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

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

Веб-розробка

• Мікрофронтенди: базові принципи
• Чи справді вашій формі потрібен Dropdown List?
• Як аналізувати звіт GTmetrix та усувати проблеми зі швидкістю роботи WordPress
• Побудова Ridgeline: Створення 3D-досвіду в реальному часі у Webflow
• Замінюємо легке зображення на анімований SVG

CSS

• Як animation-timeline: scroll() витісняє JavaScript для прокрутки
• Адаптивне ASCII-мистецтво з використанням text-fit
• Налаштування шрифту, як на друкованій сторінці
• Приклади використання CSS Infinity
• Коли вам потрібно побудувати трикутник, згадайте про Conic Gradients
• На моєму радарі: API підсвічування, text-indent і font-family: math
• Використання `animation-composition` у CSS для уникнення повторного декларування інших значень
• Фонові кольорові переходи за часом з Temporal та CSS color-mix

JavaScript

• Fetch — цього замало
• The Absolute State of Management
• Більшість JavaScript-розробників неправильно відповідають про == на співбесідах (не тому, що це складно)
• Angular 22 офіційно переходить на Signal: усі зміни — що нового в NG 22

• React
  • React Hook Form уникає стану. TanStack Form його локалізує.
  • Пропси, композитори та провайдери: патерн композиції, до якого ми прямуємо
  • Протокол React Flight: Озброєння та захист від десеріалізаційних вразливостей у RSC
  • Представляємо мікрографіки — word-sized графіки для React
  • Як я імплементував i18n в next.js застосунку з FSD архітектурою
  • Як знайти витік пам’яті в Next.js на продакшені

Меми