Front-end Digest № 157: MCP для MDN та GTmetrix, смердючий React та темний режим по стандартах

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

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

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

• Представляємо MCP-сервер для MDN
• Представляємо GTmetrix MCP: що це таке, як це працює і чому це важливо
• Анонс TypeScript 7.0 RC
• Чи повинні вебсайти працювати абсолютно однаково на всіх платформах?
• Дослідження обертання 3D-зображень при прокручуванні
• Темний режим із дотриманням веб-стандартів
• Ми впровадили переписаний на Rust Bun у продакшн на Prisma Compute
• Frontend Masters відкрили безкоштовний доступ до курсу по Claude Code
• Манливий поклик ariaNotify()
• Створення SVG-діаграм для веб-застосунків із прикладами коду
• Легке створення справжнього блогу на Astro

CSS

• Золоте правило кастомізованого селекта
• View Transitions: attr() чи match-element для view-transition-name?
• Анімації появи та зникнення: діалогові вікна (частина 3/3)
• Перший погляд на Scroll-Triggered анімації
• Таким був CSS Day 2026 — глибоке занурення в CSS-гікізм
• Область видимості CSS @function
• Вирівнювання в CSS Grid Lanes
• Динамічне з’єднання вузлів (CSS-діаграма)

JavaScript

• prop-for-that: Відображаємо стан JS, який зазвичай недоступний в CSS. Що знає JS, тепер знає CSS.
• Записування та відтворення подій
• Awilixify: NestJS-підхід без NestJS і без переписування проєкту
• React проти Angular у 2026 році: що вибрати

• React
  • React-продуктивність: від повільної до блискавичної
  • Типізований поліморфний React-компонент
  • Розробка мінімального бекенд-шару в Next.js App Router
  • React: Запитання для співбесіди, які має знати кожен розробник у 2026 році
  • Розуміння useActionState у React 19 з основ
  • Коли React Hooks перестають масштабуватися: переміщення складного стану до Zustand
  • Фу, смердить! Зустрічайте react-stinky
  • Ви неправильно використовуєте React Compound Components в React

• Angular
  • Angular 22: linkedSignal() тепер дозволяє записувати у стан
  • Angular Signals на практиці: Створення форми з Signals в Angular

Меми