Front-end Digest № 103: Креативні HTML діалоги, проміси в JavaScript та CSS-брекпоінти в 2025

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

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

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

• Відеозаписи виступів спікерів з конференції DOU Front-end Day 2025 в Києві
• Повний посібник з Monorepo: pnpm + Workspace + Changesets (2025)
• Sharp та Node.js: швидка обробка зображень для веб-застосунків.
• Чи може HTMX бути поданий статично як SPA?
• Використання Local Storage у веб-застосунках OutSystems
• На чому ставити focus при відкритті модального діалогу

• Інструменти
  • Storybook 9
  • Оптимізація фронтенд-розробки: інструменти баз даних прямо в браузері

• Ефекти
  • Створення Real-Time Dithering шейдера
  • Smashing Animations, частина 4: Оптимізація SVG-файлів
  • Як створити адаптивний та SEO-дружній WebGL-текст
  • HTML Dialog: креативні можливості
  • Прокрутка еластичної сітки: анімації макета з ефектом «лага» завдяки GSAP ScrollSmoother.
  • Я створив 3D SVG Renderer, який проектує текстури без растеризації

CSS

• Кращі CSS-фігури за допомогою shape() - Частина 3: Curves
• Анонс State of CSS 2025
• Вивчаємо функцію CSS contrast-color()... вдруге
• Сучасні CSS каруселі: JavaScript не потрібен
• Коли використовувати Flexbox, а коли CSS Grid
• CSS-брекпоінти: створення адаптивних макетів, готових до майбутнього
• Друк вебсторінок: забезпечення гарного вигляду на папері

JavaScript

• firstChild може бути порожнім пропуском
• `document.currentScript` корисніший, ніж я думав.
• Проміси JavaScript: 4 підводні камені та як їх уникнути
• Svelte Summit Spring 2025, 15 відео

• React
  • На шляху до React Server Components у Clojure, частина 3
  • Як працює імпорт в RSC
  • Пояснення React forwardRef: Використання, альтернативи та оновлення React 19
  • Як споживати API в React за допомогою Fetch та Async/Await
  • Як використовувати хук useEffect в React: Повний посібник

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