Фронтенд-дайджест №444 (1 -6 декабря 2020)
Медиа
- «Новости 512» от CSSSR: WebStorm 2020.3, minmax(), Math.random() в JS, fwdays 2020, Advent of Code, Octoverse и State of CSS
- The Undefined Podcast №29: Vue vs. Svelte с Evan You и Rich Harris
- Подкаст "Сделайте мне красиво" №51 - Вас взломают, но хотя бы не хомячок
- Подкаст Фронтенд Юность (18+) #165: Сайт, чтобы посрать
- Подкаст "proConf" #80: TSConf 2020
Веб-разработка
-
Как Lyft мигрирует более 100 фронтенд микросервисов на Next.js
-
PWAdvent - идеальный адвент-календарь для всех, кто увлечен веб-платформой.
-
Инструменты
- Представляем 𝗪𝗠𝗥: Крошечный универсальный инструмент для разработки современных веб-приложений. Все, что вам нужно для создания быстрого сайта Preact, от разработки до прода. TSX, HMR, CSS Modules, модули npm без установки, никаких зависимостей
- Релиз Snowpack v3.0. Streaming NPM Imports, встроенные аптимизации, роутинг, новый JavaScript API
- WebStorm 2020.3: обновленный интерфейс, поддержка Tailwind CSS и другие улучшения
- Puppeteer vs Selenium vs Playwright - сравнение скорости
-
Производительность
- Настройка отображения шрифта для медленных подключений
- Пора попрощаться с Google Fonts
- Мифическая «быстрая» веб-страница
- Как BBC World Service перевела 31 миллион еженедельных читателей на изоморфное react приложение и повысила производительность страницы на 83%
- Безжалостное избавление от Layout Shift на netlify.com
-
Доступность
-
Эффекты
CSS
- Недостающие браузерные инструменты разработки для Tailwind CSS
- Итоги голосования State Of CSS 2020
- Как сделать так, чтобы sticky-элементы липкие и полноэкранные блоки хорошо работали месте
- Календарь с помощью трех строк CSS
- Как создать диаграммус помощью CSS
- Как добавить текст в border с помощью базовых элементов HTML
- Нативные соотношения сторон в CSS с помощью aspect-ratio
- DRY CSS: Как использовать каждое объявление только один раз
- Подробности об использовании CSS-функции minmax() в Grid-макетах
JavaScript
-
Вот что люди в сфере технологий говорили о JavaScript, когда он дебютировал в 1995 году.
-
Устали от глупых шуток? Напишите свою собственную JS библиотеку с арифметикой произвольной точности
-
JavaScript исполняется 25 лет: краткая история языка и скидка 50% на WebStorm
-
Теория
-
React
- Шпаргалка для интервью по React
- Новый уровень производительности в React
- Анонс React Hooks в ретроспективе: 2 года спустя
- Опасности использования объектов в useState и useEffect ReactJS Hooks
- Создание приложения для голосования в реальном времени с использованием ReactJS и Ably
- SEO-оптимизация сайта на React или как добиться конверсии от поисковиков если у вас Single Page Application
- Все ли вы знаете о useCallback
-
Vue
-
Angular
-
Ember
-
Svelte
-
Libs & Plugins