Дайджест свежих материалов из мира фронтенда за последнюю неделю №474 (21 — 27 июня 2021)

Медиа | Веб-разработка | CSS | JavaScript | Браузеры

Медиа

• Goose&Duck #2 – Промежуточные сорсмапы с Валентином Семирульником
• «Новости 512» от CSSSR: Import Assertions, стримы в Node.js, веб и потребление памяти, голосовые интерфейсы, Rust 1.53
• Подкаст «Веб-стандарты» №287. Chrome ускоряет фреймворки, Astro и 11ty, клавиатура, NJS, React 18 и Suspense, TeamCity и YAML

Веб-разработка

• Что можно положить в тег <head>
• webpack или esbuild: почему не оба?
• Состояние WebAssembly в 2021 году
• На пути к лучшей метрике отзывчивости
• OMG, SVG Favicons FTW!
• Indiepen — Независимое и защищенное решение для демонстрации примеров кода.
• Экспериментальная inline-to-menu-link анимация
• Технические подробности MS Teams 2.0: отказ от Electron в пользу Edge Webview2, миграция с Angular на reactjs

CSS

• Полное визуальное руководство/шпаргалка по CSS Grid
• Простой CSS хак для сокращения времени загрузки страницы
• Пользовательские свойства CSS — разминка для мозга
• Использование производительных изображений следующего поколения в CSS с image-set
• Использование CSS для обеспечения доступности
• Генерация структур Grid Layout с помощью дерева квадрантов
• Правила CSS @supports для таргетинга только Firefox/Safari/Chromium
• Кастомные скроллбары в CSS
• Наследование размера шрифта предка для забавы и выгоды
• Рисование графики с помощью CSS Paint API
• Как создавать диаграммы на CSS с помощью интересных форм, символов и эмодзи
• 22 CSS-трюка, которые сделают из вас Layout Ninja

JavaScript

• zx – bash скрипты на javascript
• Новые JavaScript-API для работы с аппаратным обеспечением
• Магия вне Хогвартса: NJS
• Что нового в ES2021
• Парсинг в JavaScript: инструменты и библиотеки
• Как работает JavaScript: высокопроизводительный код + 8 советов по оптимизации
• Топ-5 встроенных баз данных для JavaScript приложений
• Сравнение Flutter и React Native. Какой фреймворк лучше в 2021 году?

• React
  • React Intl: интернационализация React-приложений
  • React испортил веб-разработку
  • Don’t Stop Me Now: как использовать хук useTransition() в React
  • Демистификация styled-components
  • Архитектура React: как структурировать и организовать приложение на React
  • Тестируете React MobX store? C Cypress это легко!
  • Руководство по кастомным хукам React с MutationObserver
  • Создание приложения с React и Nx

• Vue
  • Vue 3: CompositionAPI + Typescript эксперименты
  • Как работают функции provide и inject во Vue 3?
  • Понимание $nextTick в Vue.js
  • Создание мобильных приложений с Vue Native

• Angular
  • Bindon: малоизвестные фишки шаблонов Angular
  • Лучшие практики из перехода на Angular 12
  • Стратегия предварительной загрузки в Angular, экономия Loading Time

• Svelte
  • Использование Custom Elements в Svelte

Браузеры

• Прекращение поддержки сторонних Cookie в Chrome отложено до 2023 года
• Windows 11 удаляет Internet Explorer

Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.