Инженеры ГитХаба полностью выпилили jQuery из своей кодовой базы. Теперь они используют не модный фреймворк, а возможности веб-платформы:

— querySelectorAll;
— fetch для общения с сервером;
— delegated-events для обработки событий;
— полифилы для плохо поддерживаемых возможностей DOM;
— кастомные элементы (без Shadow DOM, потому что его полифилы плохо влияют на быстродействие).

→ https://twitter.com/mislav/status/1022058279000842240

Как реализовать и автоматизировать деплой фронтенда с мок-сервером с любого коммита в истории, опыт Александра Бойченко → https://medium.com/p/a89aa014c9c6

Jank Free, коллекция материалов о причинах лагов отрисовки и способах борьбы с ними → http://jankfree.org/

Прилипающая к верху экрана шапка таблицы без хаков: Джош Мариначчи демонстрирует мощь свойства position: sticky → https://medium.com/p/5488eb013914

Улучшаем UX с помощью видеоигр

Алёна Кирдина из «Злых марсиан» собрала приёмы управления вниманием пользователей, применимые не только к играм, но и к веб-интерфейсам → https://evilmartians.com/chronicles/level-up-for-ux-design-lessons-from-videogames

Инженеры Discord рассказали, почему спустя три года использования React Native они не намерены от него отказываться, несмотря на проблемы → https://blog.discordapp.com/ccc34be0d427

Remote only: манифест удалённой работы

— основные принципы удалённой работы;
— чем не является удалёнка;
— её недостатки и преимущества для сотрудников, компаний и всего мира;
— как удалёнка меняет компании;
— благодаря чему стала возможна полностью удалённая работа;
— опыт применения полностью удалённой работы в реальных компаниях.

→ https://www.remoteonly.org/

Как и зачем управлять состоянием приложения с помощью конечного автомата и асинхронных функций-генераторов, обзор Саши Беспоясова → https://bespoyasov.ru/blog/fsm-to-the-rescue/

Опыт использования Apollo в проекте «Поток», запись и расшифровка доклада Семёна Левенсона из Rambler Group → https://habr.com/p/418417/

[Вакансия, удалёнка]
Rawg.io ищет третьего фронтенд-разработчика. Ключевые слова: Реакт, микрокоманды, remote.

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

Под капотом это адаптивное SPA на Реакте с SSR. JS потребляет красивое REST API, которое готовится бэкендерами на Python (Django DRF) специально для сайта.

Мы работаем по модели Basecamp: в начале 2-4 недельного «цикла» микрокоманда (фронт + бэк + дизайнер) получает хорошо сформулированную бизнес-задачу с примерными макетами, а дальше мы минимально дёргаем её, чтобы не отвлекать и не мешать. Коммуникация происходит в Basecamp и немного в Slack, все удалённо.

Кодовая база свежая (первый коммит два года назад) и написана хорошими разработчиками, жесткого легаси или костылей там, пока, нет. GitHub, CI, рабочее окружение разворачивается одной командой. Подключен линтер, в проекте настроен Вебпак, начали писать тесты, используется связка Redux + Recompose. Вёрстка: Stylus, флексбокс, CSS-гриды, БЭМ. Дизайнеры и даже продакт раньше верстали, так что понимают ценность реиспользования компонентов и естественные ограничения веба.

Мы ищем человека с опытом программирования на JavaScript, использовавшего React, умеющего верстать. В идеале — вы любите вёрстку не меньше, чем программирование. При этом мы готовы рассмотреть как опытных, так и начинающих кандидатов. Нам важно желание приносить пользу бизнесу и пользователям, а не «придумывать красивый код ради кода».

Предлагаем стабильную, достойную оплату труда, очень классную команду (дизайнер раньше верстал, а бэкендеры умеют фронтенд), рабочий макбук по необходимости.

Пишите на frontend@rawg.io или t.me/samatg в личку.

Инженеры Mixmax рассказали, как они оптимизировали быстродействие автокомплита с большим количеством элементов, используя клиентский кеш и структуры данных → https://mixmax.com/blog/autocomplete-search-performance

Feature Policy — новый механизм, позволяющий включать и отключать браузерные фичи и API для фреймов и целых документов. Эрик Бидельман объяснил, зачем придуман этот механизм (для повышения безопасности и производительности веба) и как им пользоваться → https://developers.google.com/web/updates/2018/06/feature-policy

«Отдебажь это!»

Саша Беспоясов составил конспект книги Пола Батчера о поиске, исправлении и предупреждении ошибок в коде.

Часть 1, пошаговый обзор процесса отладки → https://bespoyasov.ru/blog/debug-it/

Часть 2, предупреждение и мониторинг ошибок, приёмы и антипаттерны отладки → https://bespoyasov.ru/blog/debug-it-part2/

Chevrotain, набор инструментов для разработки быстрых парсеров на JS с толерантностью к синтаксическим ошибкам → http://sap.github.io/chevrotain/docs