HTTP-заголовки, обеспечивающие безопасность сайта: справочник с примерами и рекомендациями → https://web.dev/security-headers/

Состояние веб-воркеров в 2021 году: Александр Сурма с обзором основных механизмов конурентности в JavaScript, а также проблем, которые не дали веб-воркерам широкого распространения → https://www.smashingmagazine.com/2021/06/web-workers-2021/

Что не так с командой npm audit, проверяющей зависимости на уязвимости: подробный обзор Дэна Абрамова → https://overreacted.io/npm-audit-broken-by-design/

RenderingNG: обзор новой архитектуры движка отрисовки Chromium, которую разрабатывали последние 8 лет → https://developer.chrome.com/blog/renderingng/

Как мы боролись за байты на фронтенде: усмиряем прожорливый виджет рисования и помогаем iPad его переварить. Никита Руденко из Miro с историей оптимизации потребления оперативной памяти → https://habr.com/p/566426/

export default thing отличается от export { thing as default }. Джейк Арчибальд разбирается в нюансах работы системы модулей JavaScript → https://jakearchibald.com/2021/export-default-thing-vs-thing-as-default/

Сортируйте CSS-свойства по алфавиту: Эрик Бейли объясняет, почему сортировка по алфавиту на данный момент будет для многих наиболее простым и эффективным выбором → https://ericwbailey.design/writing/organize-your-css-declarations-alphabetically

[Вакансия, remote]
Фулстек-разработчик в команду маркетинга Aviasales ✈️ (TypeScript/Node.js/React)

Мы придумываем и воплощаем в жизнь самые сумасшедшие маркетинговые проекты, которые долго и с пристрастием обсуждаются миллионами пользователей Рунета. Несколько примеров:
— https://summer2020.aviasales.ru
— https://chips.aviasales.ru
— https://zharim.aviasales.ru

Тебе предстоит разрабатывать и поддерживать маркетинговые спецпроекты (фронтенд и бэкенд), создавать полезных чат-ботов (например, в Телеграме или Вконтакте), помогать команде платной рекламы с аналитическими запросами, а также создавать проекты для поддержки внутренней культуры компании.

Платим зарплату в долларах, проводим легендарные вечеринки и в целом поддерживаем сотрудников вплоть до оплаты садика и школы для детей. Подробности про вакансию и все наши плюшки → https://www.aviasales.ru/about/vacancies/2681198

Изображения — это сложно. Крис Койер перечисляет нюансы использования изображений в вебе, о которых стоит помнить, несмотря на обманчивую простоту тега <img> → https://css-tricks.com/images-are-hard/

Пишем реактивную библиотеку с нуля: Райан Карниато пошагово показывает, как написать упрощённый аналог MobX для лучшего понимания принципов работы реактивных библиотек → https://dev.to/ryansolid/building-a-reactive-library-from-scratch-1i0p

Как ускоряли маркетплейс JetBrains: от 2 МБ до 500 КБ на самой тяжёлой странице, ускоренная на 80% сборка проекта, ES2017-бандл без полифилов и другие изменения в подробной ретроспективе → https://evgeniiray.medium.com/jetbrains-marketplace-performance-rework-fcfee8401dcb

Lightning-Fast Web Performance, бесплатный курс Скотта Джела по оптимизации производительности в вебе: от поиска и мониторинга проблем до способов их исправления → https://scottjehl.com/lfwp/

Вышел Yarn 3: более простая миграция с любой из старых версий (Yarn 1 и 2), отказ от Node.js 10, улучшения производительности и другие изменения → https://dev.to/arcanis/yarn-3-0-performances-esbuild-better-patches-e07

Пишем простой чат на WebSocket и Node.js: Андрей Мелихов на практике знакомит с основами вебсокетов → https://youtu.be/uAMt7cDV7lU

Наводим порядок в истории git: обзор практических приёмов переименования, реорганизации и дополнения коммитов для приведения истории в удобочитаемый вид → https://blog.sulami.xyz/posts/cleaning-up-git-history/

Укрощаем режимы наложения: как в целом устроены режимы наложения в CSS, как работают конкретные режимы difference и exclusion, как их можно применить на практике. Подробный разбор Аны Тюдор в переводе Ильи Стрельцына → https://css-live.ru/tricks/ukroshhaem-rezhimy-nalozheniya-difference-i-exclusion.html

Создание доступного и удобного автокомплита для десктопов и мобильных: инженеры Adobe подробно рассказали о деталях реализации сложного UI-компонента → https://react-spectrum.adobe.com/blog/building-a-combobox.html

Отладка утечек памяти: Джейк Арчибальд и Александр Сурма на реальном примере демонстрируют подходы и инструменты для поиска утечек памяти → https://youtu.be/YDU_3WdfkxA

Управление фокусом в интерфейсе Slack: инженеры Slack поделились деталями работы механизма навигации с клавиатуры в приложении → https://slack.engineering/managing-focus-transitions-in-slack/

Виртуальный скролл: Виктор Карпов с нуля реализует на React подход, позволяющий отображать таблицы с тысячами строк без негативного влияния на быстродействие → https://youtu.be/D7EphjNEDI4