Улучшаем 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, умеющего верстать. В идеале — вы любите вёрстку не меньше, чем программирование. При этом мы готовы рассмотреть как опытных, так и начинающих кандидатов. Нам важно желание приносить пользу бизнесу и пользователям, а не «придумывать красивый код ради кода».

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

Пишите на [email protected] или t.iss.one/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 с толерантностью к синтаксическим ошибкам → https://sap.github.io/chevrotain/docs

Инженеры Stream о главных особенностях и сложностях тестирования Node.js-приложений на примере одного из их проектов → https://getstream.io/blog/testing-node-js-in-2018/

Как интегрировать иконки в проект, обзор от создателей библиотеки иконок Nucleo:

Инлайновые SVG и компоненты → https://blog.nucleoapp.com/9ed234419166

SVG-спрайты, SVG-символы и иконочные шрифты → https://blog.nucleoapp.com/da7c424dac1b

Как спроектировать хороший DSL (язык предметной области) и не превратить его в ад наподобие регулярных выражений, статья Никиты Прокопова → https://tonsky.me/blog/dsl/