Front-end Digest № 154: TypeScript — не панацея, CSS проти JavaScript для анімації та 5 скілів Claude для React

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

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

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

• Щомісячний дайджест Baseline за квітень 2026
• Новинки в Astro — травень 2026 року
• Можливо, не слід надто довіряти «Рекомендаціям Google з сучасного вебу»
• TypeScript: не панацея від вразливостей.
• Декларативні часткові зміни — опис нативних можливостей на Chrome for Developers
• Чому я відмовився від Next.js і RSC на користь простого SPA та окремого бекенду

• Інструменти
  • replacements.fyi — введіть назву пакета, а ми підкажемо, без чого можна обійтися
  • Awesome npm Security Best Practices — Збірка найкращих практик з безпеки для npm
  • Yelp: скорочення часу компіляції завдяки переходу з Webpack на Rspack

• Ефекти
  • CSS проти JavaScript: аналіз впливу різних стратегій анімації на продуктивність
  • Створення галереї 3D-кубів із прокруткою в Webflow за допомогою GSAP
  • Нескінченна історія: Створення безперервного досвіду нескінченної прокрутки з GSAP та Lenis

CSS

• Алгоритмічні механізми формування тем: створення самокоригувальних колірних систем за допомогою функції contrast-color()
• Як зігнути пряму лінію, використовуючи сучасний CSS
• Основи та досвід розробки CSS @function
• Керування асоціаціями якорів з атрибутами даних і розширеним attr()
• Анімоване відображення тексту за допомогою CSS `letter-spacing`
• Cross-Document View Transitions: масштабування на сотні елементів.
• Чого не вистачає CSS-розмітці
• State of CSS 2026

JavaScript

• Посібник з виявлення та усунення Stream Leaks Node.js у виробничому середовищі
• Кросворд для фронтендерів: перевірте, як добре ви розумієте JS
• Оновлення Angular @switch, про які варто знати

• React
  • Компонентна архітектура для React Server Components
  • TanStack Router і Query
  • 5 скілів Claude для React, без яких я не можу жити.
  • Оновлення React 19 у WordPress
  • Продуктивність React залежить не від useMemo, а від меж рендерингу

Меми