Temporal: пробуем новый API для работы с датами и временем в JavaScript. Обзорное введение Акселя Раушмайера → https://2ality.com/2021/06/temporal-api.html

<img>: история, возможности, особенности и рекомендации по оптимальному подключению картинок в вебе. Доклад Никиты Дубко из Яндекс.Поиска → https://habr.com/p/559442/

Педантичный чеклист изменения модели данных в веб-приложении: универсальное руководство по безопасному переходу на новую структуру данных, применимое к бэкенду и фронтенду → https://rtpg.co/2021/06/07/changes-checklist.html

Верстаем копию Facebook под IE6: ностальгический обзор техник вёрстки без гридов, флексов, SVG, трансформаций, скругления углов и других привычных сегодня возможностей → https://habr.com/p/564300/

Headless UI, доступные UI-компоненты для React и Vue с возможностью полной кастомизации внешнего вида → https://headlessui.dev

Переходим на webpack 5, чтобы сократить время сборки и размер чанков: опыт инженеров OYO → https://tech.oyorooms.com/50486918d348

Slowfil.esSlowfil.es, сервис для проверки поведения страницы при долгой загрузке стилей или скриптов → https://slowfil.es

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

[Реклама]
12 июля стартует новый сезон Podlodka Frontend Crew!

🔹 Интенсив продлится две недели. Встречаемся дважды в день: утром и вечером 🔥
Вас ждут: крутые спикеры, сессии в лайве, ламповое общение и обмен кейсами в слаке, записи (для тех, кто не успевает на лайв).

🔹 Во время первой недели разберём Архитектуру фронтенда
Научимся не просто строить приложения, а создавать такую архитектуру, которую можно быстро и безболезненно развивать. Поймём, почему архитектура — это не про названия папок.
Также разберёмся, как повышать надёжность приложений.

🔹 На второй неделе углубимся в Разработку интерфейсов
Топим за то, что интерфейсы должны быть красивые, надёжные и доступные 😉 Вы узнаете как верстать даже в самых сложных проектах. И, конечно, разберёмся в библиотеках компонентов и дизайн-системах.

Вся подробная информация уже на сайте. Проходи и осмотрись, ждём тебя на борту!

Состояние веб-воркеров в 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/