Дайджест свежих материалов из мира фронтенда за последнюю неделю №403 (17 — 23 февраля 2020)
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | JavaScript | Браузеры
Медиа
•
•
•
•
•
•
•
•
•
Веб-разработка
•
•
•
-
Инструменты
•Современная сборка 2020 для frontend. Gulp4
•Мои любимые инструменты разработчика Chrome
• jest vs jasmine: основные отличия
•Большое руководство по командам консоли
•destiny — Prettier для файловой структуры
-
Веб-компоненты
•Опыт интеграции веб-компонентов на сайт Леруа Мерлен
•Все способы создания веб-компонентов
•Веб-компонент для блока кода
-
Производительность
•Что такое производительность веб-приложений?
•Устранение утечек памяти в веб-приложениях
-
JAMstack
•JAMstack — это в основном брендинг?
•J в JAMstack не означает React (или Angular, Vue, Svelte и т.д.)
-
Доступность
•Понимание правил и соотношений цветового контраста в вебе
•Основные ошибки доступности в веб-разработке
CSS
•
•
•
•
•
•
•
•
JavaScript
•
•
•
-
Теория
•7 трюков с Rest и Spread операторами при работе c JS объектами
• Новые функции в ES2020
•5 cекретных функций JSON.stringify ()
•4 способа обмениваться переменными в JavaScript
•Полное руководство по советам, хитростям и функциям JavaScript, которые вы должны знать
-
Svelte
•Пришло ли время забыть о React и перейти на Svelte?
•Svelte-grid — draggable and resizable grid layout с отзывчивыми брейкпоинтами для Svelte.
•Медленный код ненавидит его! Оптимизация веб-приложения от 1 до 60 кадров в секунду
•Разблокировка реактивности с Svelte и RxJS
•Если бы у Svelte и RxJS был ребенок
•Не пора ли нам забыть о React и запрыгнуть в вагон со Svelte?
-
React
•10 React-компонентов на все случаи жизни
• Используем localStorage в React
•Максимизация переиспользования кода в React
•Как использовать HTML Drag-and-Drop API в React
•Отладка проблем с производительностью в React
•Полное руководство для начинающих по React Router (включая Router Hooks)
-
Vue
•Vue.js Templates — модификаторы и сокращения
•The Mindset of Component Composition в Vue
•Как создавать компоненты Vue в WordPress теме
•Переход от Vanilla JavaScript к переиспользуемым компонентам Vue
•Когда использовать новый Vue Composition API (а когда нет)
•Визуализация данных с Vue и D3
•Реактивность: Vue 2 vs Vue 3
-
Angular
•Практическое руководство по Angular: маршрутизация и обработка событий
•Angular a11y: 11 советов, как сделать ваши приложения более доступными
•Производительность селекторов NgRx
•Angular 9: Lazy Loading Components
-
Ember
•Что делает реактивную систему хорошей?
•Переход от React к Ember в 2020
•The Ember Times — Issue No. 136
•Использование WebAssembly в Ember.js (Rust + wasm-pack)
•Эволюция Ember в Intercom
•2020 Ember.js Community Survey, ежегодный опрос
-
Libs & Plugins
•Удаление людей из сложных фонов в режиме реального времени с помощью TensorFlow.js в браузере
•Удобное TensorFlow.js API для работы с ML на клиенте
Браузеры
•
•
• Дорожная карта по разработке Edge обещает синхронизацию истории и добавление поддержки Linux
• Chrome 81 принесёт глобальную поддержку платформ WebXR и Web NFC
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.