Коммиты — это снимки состояния, а не диффы. Деррик Столи из GitHub объясняет, как коммиты устроены под капотом и как это знание может помочь в понимании команд rebase и cherry-pick → https://github.blog/2020-12-17-commits-are-snapshots-not-diffs/

Проекция раскладки: техника реализации сложных анимаций раскладки с 60 FPS. Мэтт Пэрри подробно рассматривает проблемы анимирования раскладки и представляет новую технику, которую он применил в Framer Motion → https://mattperry.is/writing-code/layout-projection-animate-browser-layout-60fps

[Вакансия, релокация в Санкт-Петербург]
Верстальщик в финтех-стартап Orca, 70—110 тысяч рублей на руки

Orca — платформа простого доступа к инвестициям на фондовом рынке (рынок Великобритании). Мы создаём решение, с помощью которого любой сможет купить акции и другие активы в один клик.

Мы ищем cамостоятельного верстальщика, который будет верстать и поддерживать наши лендинги (пример — orca.app). Макеты от дизайнеров в Figma, контент заранее согласован, иногда будет нужна простая логика взаимодействия с бэкендом.

Ближайшие задачи — определиться с инструментами (шаблонизатор, препроцессоры, etc), причесать существующие лендинги и наладить процесс разработки под себя. На горизонте года планируем начинать веб-версию сервиса, поэтому при желании можно будет перейти в полноценный фронтенд.

От нас — официальное оформление, помощь с переездом в Санкт-Петербург, ДМС, питание, крутой офис и гибкость стартапа во всех вопросах.

Присоединяйтесь → hh.ru/vacancy/41018791 или @anna_orca

Обзор 10 лучших практик контейнеризации Node.js-приложений через Docker → https://snyk.io/blog/10-best-practices-to-containerize-nodejs-web-applications-with-docker/

Кастомизация компонентов и избавление от неиспользуемых модулей библиотеки Ant Design: опыт Ивана Копенкова из Mail.ru Cloud Solutions → https://habr.com/p/530798/

[Реклама]
Сделайте прорыв в карьере благодаря английскому

Начните работать над ним на бесплатном марафоне English For IT уже в ближайший понедельник, 18 января 💻

За 3 дня на марафоне вы:
🇺🇸 Поставите измеримые цели по изучению языка и начнёте идти к ним, не сворачивая.
🇺🇸 Чётко осознаете, что даст вам в работе знание английского: это источник мотивации, когда накрывает лень.
🇺🇸 Поймёте, что и как учить, чтобы не тратить время на то, что вам не нужно.
🇺🇸 Исправите ошибки, которые мешают вам в работе и тормозят рост сейчас.
🇺🇸 Выучите минимум 100 новых фраз и выражений для общения с клиентами и заказчиками на английском.

Программа составлена специально для IT-специалистов, полученные знания вы сразу сможете использовать в работе.

Регистрируйтесь и начните практиковаться уже сейчас 😎

Что не так с экосистемой NPM: Сэма Блэкли напрягала установка зависимостей (ставишь одну, получаешь 100 в придачу), и он решил проанализировать все 1.3 миллиона пакетов из реестра и наглядно продемонстрировать проблемы. Результаты исследования и выводы → https://sambleckley.com/writing/npm.html

Паттерн «импорт по взаимодействию»: Эдди Османи  показывает, как отложить загрузку тяжёлой и независимой функциональности до момента, когда она потребуется пользователю → https://addyosmani.com/blog/import-on-interaction/

Как правильно разрабатывать формы в вебе: серия статей Остина Гила.

1. Семантика
2. Доступность
3. Стилизация
4. UX
5. Безопасность

Google API Improvement Proposals: коллекция документов, описывающих принятые правила проектирования API сервисов Google. Методы, названия полей, пагинация, фильтры и многое другое → https://google.aip.dev/

Восходящие звёзды JavaScript 2020 года: ежегодный обзор тенденций в мире фронтенда и Node.js с комментариями приглашённых экспертов → https://risingstars.js.org/2020/ru

System Design для самых маленьких: Виктор Карпов рассказывает об основных аспектах проектирования технической реализации какого-либо продукта → https://vitkarpov.me/posts/what-is-system-design/

​[Вакансия, переезд в Москву или удалёнка]
Middle/Senior фронтенд-разработчик в Joom

Joom — международный маркетплейс, самый быстрорастущий e-Commerce сервис Европы. Первую версию приложения мы запустили летом 2016 года, сейчас у нас более 300 миллионов установок по всему миру. Основатель компании и CEO — Илья Широков, создатель Моего Круга и бывший президент Одноклассников.

Мы быстро растём и ищем фронтендеров на несколько разных направлений: веб-клиент, сервисы для продавцов, логистическая платформа, внутренняя админка, новый B2C-продукт. Мы используем TypeScript, React, CSS-модули и множество других инструментов на разных проектах (Effector/MobX/Redux, Next.js, Express, Sass, Google Closure). Качество кода обеспечивают ESLint, Stylelint, Prettier, Jest, прекоммит-хуки и CI.

Мы ценим сотрудников: у нас белая зарплата (одна из самых высоких на рынке), пакет акций компании после прохождения испытательного срока, ДМС и 100% оплачиваемые больничные, бесплатные обеды в офисе, ипотечная программа после двух лет работы, релокационный пакет для соискателей не из Москвы.

Присоединяйтесь → https://hh.ru/vacancy/39107227

Интерфейсы для тех, кто ещё не читает: Даша Васильева из Учи.ру делится принципами проектирования UX и UI для детей → https://habr.com/p/516356/

Книга Сергея Константинова обо всех аспектах и лучших практиках проектирования, развития и поддержки API → https://twirl.github.io/The-API-Book/

Инженеры Microsoft, Google и Salesforce предлагают добавить в HTML новый элемент popup, который сильно облегчит бандлы и жизнь фронтендеров → https://github.com/MicrosoftEdge/MSEdgeExplainers/blob/main/Popup/explainer.md

[Вакансия, волонтёрство]
IT-специалисты в ОВД-Инфо

ОВД-Инфо занимается мониторингом политических преследований и правовой помощью задержанным. Есть задачи для фронтендеров, Node.js, PHP, Python и ML-разработчиков.

Подробности → https://ovdinfo.medium.com/c5a6f2e585ed

Руководство по разработке адаптивной и доступной боковой навигации на современных технологиях вроде CSS-гридов → https://web.dev/building-a-sidenav-component/

Ускоряем загрузку страницы, скачивая библиотеку для логирования ошибок вроде Sentry только при возникновении ошибки → https://www.voorhoede.nl/en/blog/load-sentry-asynchronously-only-on-error/

Инженеры команды Chrome DevTools поделились опытом перевода кодовой базы Puppeteer на TypeScript → https://developers.google.com/web/updates/2021/01/puppeteer-typescript