Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | JavaScript
Медиа
• 
UnderJS Podcast #27 — V8 опять 8. 3/4/5 и PHP 8
• 
Подкаст «Фронтенд Юность» #157: Научись жить на 280к в месяц
• 
Подкаст CSSSR — Firefox 81, новый JSX Transform, критика Web Components, оптимизация CDN, V8 8.6, Hacktoberfest 2020
Веб-разработка
• 
Зачем нужна выделенная Frontend Core команда и как мы внедряли дизайн систему
• 
Почему я выбрал Next.js, а не Gatsby, Gridsome или Nuxt?
• 
Вы не знаете как должны работать модальные окна
• 
Lazy-loading видео
• 
Как использовать отслеживание лица для взаимодействия с типографикой
• 
Сделайте ваше PWA больше похожим на приложение
• 
упс, я думаю, теперь мы (фронтендеры) теперь фулстек-разработчики
• 
Создание зеркальных эффектов с React-Three-Fiber и Three.js
- Инструменты
• Edge Dev Tools теперь доступны для Visual Studio Code
•
ESLint — корректор вашего кода
•
Что нового в DevTools (Chrome 87)
•
Эмуляция недостатков зрения в DevTools
CSS
• 
Полное руководство по медиа-запросам в CSS
• 
Закрываем пробелы (в flexbox). Статья в блоге igalia об устранении проблем в спецификации flexbox
• 
Добиваемся вертикального выравнивания (спасибо, Subgrid!)
• 
Как автоматически настроить размер шрифта с помощью CSS font-size-adjust?
• 
Инспектор для CSS Grid в Хроме
• 
Как сделать полупрозрачный слой для фона с помощью CSS, не затрагивая текст
• 
Как использовать Tailwind CSS?
JavaScript
• 
Простые TypeScript-хитрости, которые позволят масштабировать ваши приложения бесконечно
• 
Декларативный Shadow DOM. Новый способ реализации и использования Shadow DOM непосредственно в HTML.
• 
Анонс MobX 6
• 
Компиляция нейронной сети на JavaScript в менее чем в 500kb кода
• 
Утечки памяти в открепленных окнах
- Теория
•
Понимание спецификации ECMAScript, часть 2
•
Варианты объектно-ориентированного программирования (на JavaScript)
•
Понимание TypeScript Generics
•
8 распространенных ошибок JavaScript, которых следует избегать
•
Иммутабельность в JavaScript
- React
•
Visx — коллекция графических примитивов для React-приложений, созданная в Airbnb
•
Новый механизм JSX трансформации в React 17 Release Candidate
•
Как использовать SVG иконки в React с React Icons и Font Awesome
•
C JQuery на React: как мы переписали редактор HelloSign
•
Использование Service Workers с create-react-app
•
Мифы о useEffect
•
react-chrono — Современный компонент временной шкалы для react
- Vue
•
Vue 3.0 — первый взгляд
• Интервью с автором Vue.js: «Важно понимать, что хотят пользователи»
• Изучаем реактивность во Vue.js. Простое объяснение
•
Следует ли использовать Composition API в качестве замены Vuex?
- Angular
•
Когда я осознал магию Angular Pipes
•
Состояние RxJS. RxJS 7 и выше
•
Ускорьте разработку Angular schematics с помощью полезных вспомогательных функций
- Svelte
•
Что нового в Svelte: октябрь 2020 г.
•
Почему Svelte революционен
•
Svelte теперь имеет доступную библиотеку для перетаскивания
- Libs & Plugins
•
Shoelace 2.0: Передовая библиотека веб-компонентов
•
smolpxl — Пишите пиксельные ретро-игры на JavaScript.
•
Smart Search — Эффективный способ загрузки больших объемов данных во фронтенд приложения и интуитивно понятная работа с ними
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort
