Front-end Digest № 7: розуміння React Server Components, випадковість в CSS та нова пропозиція Google

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

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

Веброзробка

• Оновлення за першу половину 2023 року: у центрі уваги функції браузерів, оновлення JavaScript і CSS
• Нова пропозиція Google щодо Web Environment Integrity відхилена компаніями Brave, Mozilla та Vivaldi
• API віртуальної клавіатури (VirtualKeyboard API)
• Вступ до WebGPT
• Моя подорож подалі від JAMstack
• Цифри чи дужки для числових запитань?

• Продуктивність
  • Як ми оптимізували продуктивність для глобальної аудиторії
  • Прискорення роботи з dbt™ docs у 20 разів за допомогою React Server Components

• Доступність
  • Доступний текст поверх зображень: найкращі методи, методи та ресурси (частина 1)
  • Доступність кнопки: Виправляти чи шукати першопричину проблеми?
  • CSS та доступність: Інклюзія через вибір користувача

CSS

• Порядок застосування трансформацій в CSS
• Найкращі інструменти для очищення вашого CSS
• Огляд розмірних одиниць в CSS
• Як використовувати функцію CSS Grid repeat()
• Випадковість в CSS за допомогою тригонометрії
• Відновлення та призупинення анімації в CSS

JavaScript

• Посібник з 4 нових методів Array.prototype в JavaScript
• Тип vs інтерфейс: Що використовувати у 2023 році?
• Як ухилитися від методів антидебагінгу JavaScript
• Відкриваємо для себе Svelte: Що я дізнався, користуючись Svelte

• React
  • Речі, які ви забули (або ніколи не знали) через React
  • Розуміння React Server Components
  • Все, що я хотів би знати перед тим, як перенести 50 000 рядків коду в React Server Components
  • React Server Components — як і чому ви повинні використовувати їх у своєму коді
  • Написання композитних CSS-компонентів для React
  • Сучасний путівник по шаблонах станів React
  • Як надсилати листи з React за допомогою Resend
  • Vite React Boilerplate

• Vue
  • Radix-Vue: Бібліотека компонентів наступного покоління для Vue
  • Топ-3 сервіси для безкоштовного деплою застосунку на Vue
  • Структура папок фронтенд-застосунків, яка має сенс

• Angular
  • Angular Advance Router Configuration
  • Часткова вибіркова клієнтська гідратація в Angular
  • Інтеграція GraphQL підписок в Angular-застосунку
  • Cache Decorator в Angular: Підвищення продуктивності за допомогою мемоізації