Front-end Digest № 87: Interop 2025, Create React App йде в минуле та Style-observer

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

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

Веброзробка

• Interop 2025: ще один рік вдосконалення вебплатформи
• Polypane наймає Igalia для роботи над Chromium
• Приховане передавання даних за допомогою емодзі
• Що ми дізналися, провівши аудит доступності нашого застосунку

• Теорія
  • Що таке стек MERN? Огляд з прикладами
  • Посібник із сучасних шаблонів архітектури фронтенду
  • Як забезпечити коректну роботу вебсайту за умов обмежень: посібник з елегантної деградації
  • Time To First Byte: за межами часу відповіді сервера
  

• Практика
  • Освоюємо розробку веброзширень (web extensions)
  • Як створювати вебкомпоненти за допомогою ChatGPT
  • Ми замінили наш React-фронтенд на Go та WebAssembly
  • Створення високопродуктивних сайтів за допомогою htmx та Go
  

• Ефекти
  • Створення ефективних сцен на Three.js: оптимізація продуктивності зі збереженням якості
  • Малюємо SVG-серце від руки, від щирого серця
  • Сервіс векторних зображень з Three.js та Vite

CSS

• Style-observer: JS для спостереження за змінами властивостей CSS
• Створення веселкового виділення за допомогою CSS
• Фальшиві контейнери в CSS Grids
• Обережно, фальшивий жирний шрифт (і як це виправити)
• CSS Cascade Layers для організації компонентів дизайн-системи

JavaScript

• 10 JavaScript-фреймворків: порівняння стандартних HTML-налаштувань
• Щотижневий огляд безпеки: тривожні дзвіночки з екосистеми JavaScript
• Темна сторона форматування в JS
• Як перевірити нульові, невизначені або порожні значення в JavaScript

• React
  • Create React App йде в минуле
  • React 19 та Create React App: проблеми сумісності призвели до застаріння останнього
  • Як розпочати React-проєкт (2025)
  • Перехід з Create React App (CRA) на Vite за допомогою One
  • Деякі розробники переходять на TanStack після злиття Remix/React роутерів
  • Єдине ядро React для 40 застосунків з 11-мільйонною аудиторією в Саудівській Аравії — вражаючі 3 місяці на розробку
  • Чому я переписав рендерер ProseMirror на React
  • React data-table, яку я завжди хотів
  

• Vue
  • Реалізовуємо SSR у Nuxt 3: ключові аспекти та приховані нюанси
  • Vue — це занадто просто
  

• Angular
  • Вивчення режимів Routes Rendering в Angular
  • Мікрофронтенди з Angular та Native Federation
  • Відображення версії розгорнутого Angular-застосунку

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