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

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

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

[Вакансия, удалёнка] 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 в личку.

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

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

Remote only: манифест удалённой работы — основные принципы удалённой работы; — чем не является удалёнка; — её недостатки и преимущества для сотрудников, компаний и всего мира; — как удалёнка меняет компании; — благодаря чему стала возможна полностью удалённая работа; — опыт применения полностью удалённой работы в реальных компаниях. → https://www.remoteonly.org/

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

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

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

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

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

Инженеры ГитХаба полностью выпилили jQuery из своей кодовой базы. Теперь они используют не модный фреймворк, а возможности веб-платформы: — querySelectorAll; — fetch для общения с сервером; — delegated-events для обработки событий; — полифилы для плохо поддерживаемых возможностей DOM; — кастомные элементы (без Shadow DOM, потому что его полифилы плохо влияют на быстродействие). → https://twitter.com/mislav/status/1022058279000842240

Если вы бросились изучать Реакт, пропустив основы джаваскрипта — остановитесь и отправляйтесь на learn.javascript.ru! Или хотя бы прочитайте обзор Робина Вируха на основные возможности и тонкости JS, о которых нужно знать при работе с Реактом → https://www.robinwieruch.de/javascript-fundamentals-react-requirements/