For Web — фронтенд, дизайн, программирование

Как устроено управление памятью в JavaScript: от выделения памяти и сборки мусора до утечек. Иллюстрированное руководство Феликса Гершау → https://felixgerschau.com/javascript-memory-management/

Как готовить фавиконки в 2021: шесть файлов, которые закрывают большинство потребностей. Андрей Ситник о современном способе подключения фавиконок → https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs

Справляемся с проблемными программистами: как их распознать, почему они вредят команде и что с этим делать — https://stevemcconnell.com/articles/dealing-with-problem-programmers/

Опасности data URI: Энди Дэвис рассказывает о проблемах встраивания ресурсов вроде картинок и шрифтов через data URI → https://calendar.perfplanet.com/2020/the-dangers-of-data-uris/

Snowpack, сборщик фронтенда для современных браузеров, практически не требующий настройки и работающий в несколько раз быстрее традиционных бандлеров вроде Webpack → https://www.snowpack.dev

Возможности:
— импорт зависимостей без их установки;
— очень быстрая сборка и надёжное кеширование её результатов;
— поддержка HMR и Fast Refresh для удобства разработки;
— поддержка JSX, TypeScript, CSS-модулей, JSON, изображений (SVG/JPG/PNG/etc) и WASM из коробки;
— оптимизация при сборке для продакшена;
— расширяемость через плагины (можно подключить Babel, Sass и многое другое);
— настройка роутинга для дев-сервера;
— JS API для программного запуска сборщика.

Инженеры Discord рассказали, как они поддержали в приложении полноценную работу с клавиатуры и с какими сложностями столкнулись в процессе → https://blog.discord.com/abf073fd71de

Как инженеры Figma включили строгую проверку на null в большой кодовой базе на TypeScript и как они благодаря этому улучшили архитектуру проекта → https://www.figma.com/blog/inside-figma-a-case-study-on-strict-null-checks

Сервис для визуализации графа зависимостей NPM-пакета с отчётом о мейнтейнерах и лицензиях прямых и транзитивных зависимостей → http://npm.anvaka.com

Инженеры одного из крупнейших e-commerce сервисов Индонезии Tokopedia поделились опытом оптимизации фронтенда.

История ускорения мобильной версии сайта → https://medium.com/p/48ee5c6e4d5c

Глобальный подход к оптимизации и его результаты → https://web.dev/tokopedia/

Inertia.js реализует новый подход к разработке веб-приложений, связывая классическую серверную часть (роутинг, контроллеры, проверка прав и тому подобное) с React, Vue или Svelte. Результат — SPA-подобный UX без присущих SPA сложностей → https://inertiajs.com

Утечки памяти при использовании window.open: откуда они берутся, как их обнаруживать и как устранять → https://web.dev/detached-window-memory-leaks

Веб-альманах 2020: ежегодный отчёт о состоянии веба на основе данных HTTP Archive. 22 главы рассматривают аспекты содержимого страниц, UX, публикации и распространения контента → https://almanac.httparchive.org/en/2020/

EStimator, инструмент для оценки пользы от перехода на раздачу JS в современном синтаксисе ES2017 → https://estimator.dev

Публикуем, устанавливаем и доставляем современный JavaScript: решаем проблему раздутых из-за полифилов и транспилированного кода бандлов → https://web.dev/publish-modern-javascript

FRONT HIRING: ИЗИ МОД
Aviasales нанимают фронтендеров 15–16 декабря → http://event.aviasales.ru

⚡️ От знакомства до оффера за 2 дня
⚡️ Никаких «мы вернемся к вам через неделю»
⚡️ 5 команд на выбор
⚡️ Возможность познакомиться и узнать, как работают в Сале

Ничего лишнего — выбери команду, успешно пройди собеседование и получи оффер → http://event.aviasales.ru

Interviews school, исчерпывающее руководство по собеседованиям для разработчиков: виды собеседований, составление резюме, основные секции (алгоритмы, проектирование систем, поведенческое интервью), офер и переговоры. Всё с примерами и практическими заданиями → https://interviews.school

Попасть в окно рефакторинга: Иван Немытченко разбирается, почему программистам хочется всё переписать и когда для этого идеальный момент → http://dopo.st/inem/200530110137

Выделение жирным при наведении без сдвигов: Крис Койер делится приёмом вёрстки, позволяющим избежать изменения геометрии контейнера → https://css-tricks.com/bold-on-hover-without-the-layout-shift/

Руководство по разработке интерфейса Stories: отзывчивого, кроссбраузерного и поддерживающего управление с клавиатуры → https://web.dev/building-a-stories-component/

Как инженеры Lyft переводят 100+ фронтенд-сервисов на Next.js, что их не устраивало в старой инфраструктуре и с какими проблемами они столкнулись в процессе миграции → https://eng.lyft.com/42199aaebd5f