Строка поиска — это часто самый распространённый и удобный способ навигации по сайту. Казалось бы, что может проще? Но в реализации это оказывается не самой простой задачей. Особенно если приложение уже написано на React, а поиск должен работать и на мобильных устройствах.

В этом докладе я расскажу про наш опыт создания компонента поисковой строки — как мы разрабатывали архитектуру и чего стоило поддержать привычки и ожидания пользователей.

Кто-то говорит, что код — это поэзия, для кого-то код — инструмент решения бизнес-задач, другие просто любят учиться и играть с кодом, а кто-то говорит, что undefined is not a function, потому что ничего не тестирует. Как совместить красоту и лёгкость быстрого прототипирования с тестами, чтобы бизнес-задачи не ушли на второй план, оставалось время для обучения и undefined is not a function не прилетал ночью?

Постараюсь ответить на эти и некоторые другие вопросы. Также поговорим об инструментах Wallaby.js и Quokka.js, которые помогают творить в любимом окружении, не отвлекаясь от основного кода.

Расскажу о программировании GPU с точки зрения верстальщика.

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

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

У javascript насквозь асинхронная природа, но при этом один поток — как так? Я расскажу, как пользоваться асинхронностью и не выстрелить себе в ногу.

Мы рассмотрим, что такое event loop и как его использовать. А также — чем задачи отличаются от микрозадач, как браузеры управляют приоритетами и что говорится на этот счет в спецификации. Заодно поговорим об отличиях в работе event loop в Node.js и проведем параллели с браузерами.

Не любите lifecycle, а componentWillReceiveProps заставляет вас плакать? Let's make React pure again! Я покажу, как lifecycle делает ваш код сложнее и добавляет в него ошибки. Расскажу, как от этого избавиться или хотя бы спрятать.

В последнее время все так сильно увлеклись новыми спецификациями CSS, что, кажется, разучились писать чистый HTML. А ведь в HTML всего несколько величин, которые можно померить — валидность, дерево заголовков, семантичность и доступность. Вот всё, что нужно, чтобы создавать качественные и оптимизированные сайты.

CSS Houdini — набор спецификаций, который изменит веб-разработку. С его внедрением в браузеры обычный верстальщик будет вынужден выучить JavaScript, чтобы оставаться востребованным. Зато вместо того, чтобы дожидаться появления браузерной реализации «супер-мега-гридов», достаточно будет подключить полифил для CSS. Мы немного пофантазируем и рассмотрим все существующие спецификации Houdini.