Front-end Digest № 108: Нова ера Stack Overflow, NuxtLabs тепер з Vercel та 3d освітлення в CSS

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

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

Веброзробка

• Об’єднуючи зусилля для кращої швидкодіїі: співпраця між бекенд- та фронтенд-інженерами.
• Що таке popover=hint?
• Впливайте на опитування State of HTML 2025!
• Що таке JSON веб-токени (JWT)?
• Уся суть у (доступності) фокусування та компонування.

• Демо
  • Перевпорядкування списку View Transition
  • Ми проаналізували 100 лендінгів інструментів для розробників — ось що реально працює у 2025 році.
  • Створення кінетичних анімацій зображень за допомогою React-Three-Fiber
  • Three.js Інстанси: Рендеринг кількох об’єктів одночасно

• Реліз
  • Анонс підтримки Node-API для React Native
  • NuxtLabs приєднується до Vercel
  • Нова ера Stack Overflow

CSS

• Переосмислення сайдбару з використанням :has() та оцінка продуктивності селекторів
• Електронні листи з темною темою: створення та найкращі зразки.
• Як отримати індекс елемента в межах його батька
• Прилипаючий заголовок на основі прокручування.
• Покращення CSS-фігур за допомогою shape() - Частина 4: Close and Move
• Освітлення: коли 3D оживає

JavaScript

• Підсумки травневого пленарного засідання TC39 (2025)
• Чи варто використовувати jQuery у 2025 році?
• 4 неперекладні слова, що стоять за оновленням інтернаціоналізації Patreon
• Hono демонструє шлях для мікрофреймворків в епоху після React
• Оптимізація продуктивності серверного рендерингу Nuxt (SSR)
• Майбутнє Nuxt
• new Date("wtf"): Тест Наскільки добре ви знаєте клас Date у JavaScript?

• Теорія
  • Підняття області видимості JavaScript зламане
  • JavaScript string slice() вважається шкідливим
  • Посібник з обробки помилок у JavaScript.

• React
  • Впровадження точкових оновлень у React: досвід Clojure
  • React: історія в коді
  • Як тестувати React Server Component
  • React Bits — анімовані React-компоненти для креативних розробників
  • React та TypeScript: 10 патернів для написання кращого коду
  • React Router: нове управління та API серверних компонентів React

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

Подобається дайджест? Підписуйтесь на автора, щоб отримувати сповіщення про нові публікації на пошту.