Медиа | Веб-разработка | 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.