Дайджест свежих материалов из мира фронтенда за последнюю неделю №435 (28 сентября — 4 октября 2020)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.

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