Фронтенд-дайджест №420 (15 - 21 июня 2020)
Медиа
- Подкаст "Фронтенд Юность (18+)" №142: Последний шанс уехать подальше
- UnderJS Podcast №24: ClojureScript, истоки PiterJS и 3D-принтеры с Михаилом Полубояриновым [Ламповый]
- Подкаст CSSSR: Frontend learning от Mozilla, Vue 3 материалы, QUIC, релизы PHP-фреймворков, CSS Grid + Flexbox
- Подкаст "Веб-стандарты" №234: Путь фронтендера на MDN, QuicTransport, кастомные свойства, Houdini, GC, записи и кортежи в ES
Веб-разработка
-
Вышла Bootstrap 5 alpha! Теперь без jQuery зависимости и поддержки Internet Explorer
-
Web Apps: Micro Frontend фреймворк с поддержкой Module Federation
-
Многократное использование UI-компонентов в масштабах организации
-
Не стоит создавать собственные решения для аутентификации пользователей
-
Blogging Simplified - статический генератор для блогов, документаци и многого другого
-
Инструменты
- Начало работы с Puppeteer 🤖
- Релиз Puppeteer v4.0.0. Breaking change: Puppeteer больше не использует Node-библиотеку EventEmitter
- Почему мы переключились с Yarn на pnpm
- Повышаем эффективность взаимодействия дизайнеров и frontend-разработчиков
- Представляем GitHub Super Linter: один линтер, чтобы управлять всем
- Релизы ESLint 7.0, 7.1, 7.2, улучшающие опыт разработчиков и поддержка ES2020
-
Доступность
-
Эффекты
CSS
- Советы для сложных иллюстраций на CSS
- Grid Cheatsheet: подробная шпаргалка по гридам от Yoksel
- Пользовательские свойства CSS не работают без фолбека
- Использование Grid для макетов страниц, а Flexbox — для макетов компонентов
- CSS-анимация: основные концепты и многое другое
- Мысли о функциональном CSS
- Лучшие способы организовать свойства CSS
JavaScript
-
Рефакторинг optional chaining в большой кодовой базе: извлеченные уроки
-
Компилятор компилятора: серия стримов на Twitch о работе над движком JavaScript
-
Придерживаемся концепта DRY при использовании axios для API запросов
-
Великий раскол в import: проясняем неопределенность с импортом в Typescript
-
По ту сторону обфускации: защита и безопасность в JavaScript
-
Теория
-
React
- React Hook Form VS Formik
- Подробно о React Router. Часть 2 — параметры запроса, 404 страница и передача пропсов компоненту роута
- React Icon System
- Использование Immer для лучшего написания редукторов
- Давайте создадим финансовую панель с помощью React
- Все, что вам нужно знать о FLIP анимации в React
- Как создавать PDF отчеты в React
- Эй Next.js, сервер-сайд рендеринг мертв?
- Как управлять состоянием React приложения без сторонних библиотек
-
Vue
-
Angular
-
Ember
-
Svelte
-
Libs & Plugins
Браузеры
- Mozilla перешла на использование общего с Chromium движка регулярных выражений
- 111 Chrome-дополнений, загруженных 32 млн раз, уличены в загрузке конфиденциальных данных
- В Chrome намерены перейти к показу только домена в адресной строке
- Оценка влияния на производительность популярных дополнений к Chrome
- Mozilla запустит собственный VPN-сервис в ближайшие недели
- В следующем крупном обновлении Windows 10 новый Edge будет интегрирован по умолчанию