Фронтенд-дайджест №421 (22 - 28 июня 2020)
Медиа
- Подкаст "CSSSR" - Telegram разблокирован, WWDC 2020, DX, фичи NodeJS 14, Webpack 5 beta 18, VPN от Mozilla
- Подкаст "Веб-стандарты" №235: Евангелист Safari, Bootstrap 5, content-visibility, гриды, чекбоксы, forms, API для PWA
- Подкаст "Фронтенд Юность (18+)" №143: Жизни разработчиков важны
Веб-разработка
-
Как стать тимлидом фронтендеров и как жить после этого — расшифровка эфира
-
Инструменты
-
Производительность
- Что нужно знать о метриках Core веб Vitals в Google
- WebP действительно лучше, чем JPEG?
- Как установить бюджет производительности для вашего сайта
- Как увеличить скорость вашего сайта и набрать 100 баллов на Google PageSpeed Insights
- Клиентский мониторинг производительности
- Синтетический мониторинг производительности
-
Доступность
-
Эффекты
CSS
- Несоответствия рендеринга шрифтов в браузерах
- Стилизация Layout Wrappers в CSS
- Эффект смятого постера на CSS
- Проверка поддержки анимации с помощью “prefers-reduced-motion”
- Основы CSS: анимация
- Эмуляция различных медиа выражений в Chrome и отладка темного режима
- Отладка HTML с помощью продвинутых селекторов CSS
- Использование пользовательского свойства «Stacks» для укрощения каскада
JavaScript
-
Как получить размеры экрана, окна и веб-страницы в JavaScript
-
Концепты JavaScript, которые нужно освоить перед изучением React
-
Симуляция роста кристаллов: ограниченная диффузией агрегация на Javascript
-
React
- Визуальные редакторы React в 2020 году
- 15 вопросов для интервью по React с решениями
- Что нового в Next JS 9.4
- Введение в SWR: Хуки React для удаленной выборки данных
- Практическое руководство по тестированию React-приложений с помощью Jest
- Проблемы и возможности создания приложений на React и React Native - обсуждение с Wix.com
- Создание документов с помощью MDX: Markdown для эпохи компонентов
- Как скопировать интерфейс Zelda BOTW с React, Tailwind и Framer-motion: Часть 1
- Создаем прогрессивное веб-приложение на ReactJS и размещаем его в Netlify и PWA Store
- Релиз React Query 2.0
-
Vue
-
Angular
-
Ember
-
Libs & Plugins
- keen-slider - легкий слайдер без зависимостей с отличной производительностью, поддержкой typescript, мультитач и совместимостью по всеми браузерами, включая IE 10.
- Checkboxland - JavaScript библиотека для рендеринга всего что угодно в виде HTML-чекбоксов.
- SolidJS: реактивный рендеринг интерфейсов
- tragopan - минималистичная библиотека без зависимостей для реализации pan/zoom
- Rando.js - простая и мощная функция для вывода случайного значения
- Noact - минимальная библиотека для отрисовки Virtual DOM
Назад
