Front-end Digest № 115: занепад Stack Overflow, JS на десктопі та Redux без React

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

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

Веброзробка

• Що відбувається, коли вмирають спільноти розробників: повільний занепад Stack Overflow
• Випущено третє видання специфікації PNG: додано HDR та офіційну підтримку APNG
• Вивчення веброзробки: вебсервери
• Повний посібник з HTTP-кешування
• Відкриття елемента Details з URL-адреси
• Інтерактивне відображення відеопроекції за допомогою Three.js
• Оптимізація PWA для різних режимів відображення
• Obs.js: вебпродуктивність з урахуванням контексту для всіх

CSS

• Базові принципи Anchor позиціювання — інтерактивний гайд
• CSS-генератори для shape()
• Властивість `interpolate-size` як чудовий приклад прогресивного покращення
• Дуже раннє знайомство з random() в CSS
• Вам більше не потрібен JavaScript
• CSS-ліфт: машина станів на чистому CSS з навігацією між поверхами
• Візуалізація адаптивної типографіки
• Кошик покупок: трюк із радіокнопками
• Що таке кольори OKLCH?
• Шлях найменшого `-path`-опору.
Частина 1 — Детально про особливості clip-path
Частина 2 — Про можливості offset-path анімації

JavaScript

• JavaScript і проблеми з торговою маркою
• Реалізація плаваючого текстового редактора з панеллю інструментів на JavaScript
• Як оформити JavaScript гру для десктопу: виклики

• Теорія
  • Вивчаємо веброзробку: прості об’єкти в JavaScript
  • Вивчаємо веброзробку: модулі та тестування в JavaScript
  • Big O
  • Розуміння Promise.any(): коли достатньо одного успіху
  

• React
  • Redux без React — управління станами у ванільному JavaScript
  • Concurrency у React: огляд
  • React Server Components без використання фреймворка
  • Чи можемо ми використовувати Local Storage замість Context-Redux-Zustand?
  • Плавні асинхронні переходи в React 19
  • Як створити мікрофронтенди в React за допомогою Vite та Module Federation
  

• Фреймворки
  • Доступні Alerts, Dialogs та Alert Dialogs у ShadCN Vue
  • Як запускати заплановані завдання в Nuxt на Netlify — хакерський спосіб ... поки що ...
  • Angular Signals: створення реактивного таймера зворотного відліку

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