Фронтенд-дайджест №576 (3 - 9 липня 2023)
Веб-розробка
-
Поєднання GSAP’s Scroll Trigger та Flip з SVG Filter для цікавого скрол-ефекту
-
Продуктивність
-
Доступність
CSS
- Новий синтаксис @font-face
- Анімація прокрутки лише за допомогою CSS
- Сяйво, перспектива та обертання: Цікаві 3D-ефекти CSS для зображень
- Вступ до нативної вкладеності в CSS
- Плаваючі лейбли на чистому CSS
- Нові в'юпорт одиниці в CSS
- Контекст зміщення батьківського елемента та стекування: позиціонування елементів у всіх трьох вимірах
- Повторне використання коду: опануйте SCSS Mixins
- Функціональний CSS - це чудово, окрім випадків, коли це не так (або чому не варто використовувати функціональний CSS у вашому великому додатку)
JavaScript
-
CommonJS шкодить JavaScript: проблеми та обмеження. (Переклад)
-
За межами браузерів: Довгострокове майбутнє стандартів JavaScript
-
Демістифікація операторів JavaScript: що означає цей Symbol? (Переклад)
-
React
- The React Graph Gallery: Створить інтерактивні діаграми для вебу
- Інкрементна статична регенерація (ISR) в Next.js
- Як запобігти зайвому ре-рендерингу React-компонентів
- Використання CORS в Next.js для обробки cross-origin запитів (Переклад)
- За межами Axios Interceptors: Створення власного Refresh Token Handler
- Розділення інтерфейсу та логіки в React: Підхід чистого коду з Headless компонентами
- Як ми реалізували медіатеку за допомогою XState та React
- Як реалізувати Feature Gates в React?
-
Vue
-
Angular