Дайджест свежих материалов из мира фронтенда за последнюю неделю №474 (21 — 27 июня 2021)
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
•
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 Grid
• Простой CSS хак для сокращения времени загрузки страницы
• Пользовательские свойства CSS — разминка для мозга
• Использование производительных изображений следующего поколения в CSS с image-set
• Использование CSS для обеспечения доступности
• Генерация структур Grid Layout с помощью дерева квадрантов
• Правила CSS @supports для таргетинга только Firefox/Safari/Chromium
• Кастомные скроллбары в CSS
• Наследование размера шрифта предка для забавы и выгоды
• Рисование графики с помощью CSS Paint API
• Как создавать диаграммы на CSS с помощью интересных форм, символов и эмодзи
• 22 CSS-трюка, которые сделают из вас Layout Ninja
• zx – bash скрипты на javascript
• Новые JavaScript-API для работы с аппаратным обеспечением
• Магия вне Хогвартса: NJS
• Что нового в ES2021
• Парсинг в JavaScript: инструменты и библиотеки
• Как работает JavaScript: высокопроизводительный код + 8 советов по оптимизации
• Топ-5 встроенных баз данных для JavaScript приложений
• Сравнение Flutter и React Native. Какой фреймворк лучше в 2021 году?
• Прекращение поддержки сторонних Cookie в Chrome отложено до 2023 года
• Windows 11 удаляет Internet Explorer
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Медиа | Веб-разработка | 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 на reactjsCSS
•
Полное визуальное руководство/шпаргалка по CSS Grid•
Простой CSS хак для сокращения времени загрузки страницы•
Пользовательские свойства CSS — разминка для мозга•
Использование производительных изображений следующего поколения в CSS с image-set•
Использование CSS для обеспечения доступности •
Генерация структур Grid Layout с помощью дерева квадрантов •
Правила CSS @supports для таргетинга только Firefox/Safari/Chromium•
Кастомные скроллбары в CSS•
Наследование размера шрифта предка для забавы и выгоды •
Рисование графики с помощью CSS Paint API•
Как создавать диаграммы на CSS с помощью интересных форм, символов и эмодзи •
22 CSS-трюка, которые сделают из вас Layout NinjaJavaScript
•
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
Браузеры
• Прекращение поддержки сторонних Cookie в Chrome отложено до 2023 года
•
Windows 11 удаляет Internet ExplorerДайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
