Фронтенд-дайджест №731 (22- 28 червня 2026)

Веб-розробка
CSS
- Сучасне CSS-темування за допомогою light-dark(), contrast-color() та style queries
- Давайте пограємося з Gap Decorations!
- Експерименти з функцією random() у CSS
- Покращення карткових патернів за допомогою якірного позиціонування
- Використання анімацій, керованих прокруткою, для протилежних напрямків прокрутки
- Ваші Grid Lanes, ймовірно, не відповідатимуть WCAG 2.4.3
- Хвилястий повзунок для введення діапазону
- CSS Container Queries + Subgrid: трилогія лейаутів, яка тепер доступна в усіх браузерах
JavaScript
-
Обирай свого бійця: бенчмаркінг 5 WebSocket серверів для Node.js
-
Реліз Babel 8: тільки ESM, відмова від ES5 за замовчуванням і легка міграція
-
React
- Чому Bulletproof React стала найпопулярнішою архітектурою React на GitHub
- Перехід Linear зі styled-components на StyleX
- TanStack Table: Як недооцінений рефакторинг зменшив використання пам'яті на 90%
- React Compiler: Усунення ручної роботи з оптимізації продуктивності
- Next.js 16: Turbopack, React Compiler та кешування
- React за лаштунками: віртуальний DOM, узгодження, фаза рендерингу, фаза коміту та Fiber..
- Написання кастомних рендерерів для React
- React 19: useOptimistic та useActionState — як позбутися 80% зайвого коду стану


