Дайджест свежих материалов из мира фронтенда за последнюю неделю №398 (13 — 19 января 2020)
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Веб-разработка | CSS | JavaScript | Браузеры
Веб-разработка
•
•
• Новые форматы микроразметки Google за 2019 год
•
•
•
-
Инструменты
•Изучите End-to-end тестирование с помощью Puppeteer
•Tiny helpers — Коллекция бесплатных онлайн-инструментов для веб-разработчиков
•Тестирование вашего сайта на визуальные регрессии с BackstopJS
•Позволяйте инструментам делать выбор
-
Производительность
• Ещё четыре нестандартных способа ускорить загрузку страниц сайта
•«Лучшие» метрики производительности? Начните с этих шести
•Оптимизация ваших изображений не улучшила ваше время загрузки? Вот почему
•Веб-производительность: 11 обязательных советов, чтобы ускорить работу вашего сайта
-
Доступность
•Доступность цифровой версии BBC — обзор 2019
•Web Accessibility Compliance и законодательство в ЕС
-
Эффекты
•Техника 3D Folding Layout для HTML элементов
•Как делать анимацию в вебе с помощью Greensock
CSS
•
•
•
•
•
•
•
JavaScript
•
•
•
-
Теория
•Распространенные ошибки при работе с промисами в JavaScript, о которых должен знать каждый (перевод)
•Чистый код для TypeScript — Часть 1
•15 методов работы с массивами в JavaScript, которые необходимо знать в 2020 году
•9 способов работать с объектами в JavaScript в 2020 году
•Важные моменты при работе с массивами и объектами в рамках взаимодействия с REST API
•Optional Chaining, Null Coalescing и как они изменят способ написания кода
-
React
•Новый фронтенд Одноклассников: запуск React в Java. Часть I
•Лучшие новые функции React App 3.3
•Введение в React Context API
•React-spring визуализатор
•React с TypeScript: лучшие практики
•Доступный заголовок страницы в одностраничном приложении на React
•Релиз Next.js 9.2
•10 практик в VSCode для ускорения процесса разработки на React
•Руководство по React refs: useRef и createRef
•Как сделать приложения React VR
•10 способов оптимизировать производительность вашего приложения React
-
Vue
• Использование tailwindcss c Vue.js
•Vue + Apollo: Дырявые абстракции
• Создание на Vue.js рекурсивного компонента
•Vue Component Development Kit v0.4.0
•12 Vue.js Best Practices для профессиональных разработчиков
•Как добавить AutoComplete Input в ваше приложение Vue.js
-
Angular
•6 способов отписаться от Observables в Angular
•Angular: как поддерживать IE11
•Angular в 2020 и далее
•Пишем свою стратегию для виртуального скролла из Angular CDK
-
Svelte
•Как вы можете научиться использовать Svelte для вашего следующего проекта JS
•Все, что вам нужно знать, чтобы начать писать Svelte Single File Components
Браузеры
• На фоне реструктуризации из Mozilla уволено 70 сотрудников
• Google намерен до 2022 года прекратить поддержку сторонних Cookie в Chrome
• Как в новом Microsoft Edge установить расширения для Google Chrome
• Chrome, вслед за Safari и Firefox, тоже начнёт блокировать сторонние cookie, но не сразу
• Microsoft будет поддерживать Edge для Windows 7 не менее 18 месяцев
• Разработчики Chromium предложили унифицировать и объявить устаревшим заголовок User-Agent
•
•
•
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.