Весной состоялась наша ежегодная онлайн-встреча фронтендеров и их коллег. Разработчики ЮMoney, Qiwi и Samokat. tech поделились опытом и рассказали про свои лучшие практики.
Ререндер в React — Алексей Хлебаев, старший фронтенд-разработчик в ЮMoney
Render и re-render — основополагающие процессы в React. В докладе мы поговорим о том, что это за процессы и как они работают. Остановимся на необязательном re-render и на способах избегать его. А ещё поделимся тем, как применяем React.memo.
00:00 — Введение в процесс рендера в React 04:36 — Триггеры рендера и алгоритм смерти: Алексей объясняет, что триггером рендера может быть вызов компонента или изменение состояния 06:28 — Практики использования и борьба с нежелательным рендером: Алексей обсуждает, как использовать рендер для управления производительностью и как бороться с нежелательным рендером 14:03 — Триггеры рендера и их использование 18:20 — Предотвращение нежелательного рендера 22:27 — Использование React. memo в реальных проектах
Веб моей мечты: как мы строили платформу для работы десятков команд — Олег Коровин, руководитель веб-разработки Samokat.tech
Ещё год назад у нас были проекты и команды, которые жили своей жизнью, использовали разные подходы к разработке и разные инструменты. Из общего было то, что все использовали React.
За год мы придумали заново нашу веб-разработку: запустили дизайн-систему, собрали платформу, придумали пайплайны, внедрили SCA, начали переход на GraphQL.
00:24 — Создание общей платформы для проектов: Олег Коровин рассказывает о своём опыте работы в компании Samokat. tech, где он занимается разработкой приложений и веб-сервисов 08:02 — Создание дизайн-системы и общих библиотек 11:47 — Управление проектами и сборка приложений 13:39 — Создание новых приложений 16:28 — Тестирование приложений 19:12 — Использование GraphQL 24:51 — Безопасность и управление зависимостями 27:38 — Сборка и тестирование 30:26 — Оптимизация процесса 33:17 — Использование платформы
Fake API: неожиданный бустер для e2e-тестирования — Антон Голубь, главный инженер Qiwi
Заметка о том, как можно ускорить подготовку тестовых стендов веб-приложений и сделать их stateless. (Но это не точно.)
00:00 — Подготовка тестовых стендов для веб-приложений: Антон Голубь из компании Qiwi рассказывает о подходе к подготовке тестовых стендов для веб-приложений 02:47 — История возникновения подхода 06:27 — Варианты имитации тестового стенда: Антон обсуждает различные подходы к имитации тестового стенда, включая сервисный слой, изменение поведения транспортного уровня и использование готовых решений 12:59 — Тестирование и взаимодействие с серверами 14:50 — Разработка тестового стенда 18:34 — Использование cookie для передачи данных 21:27 — Развитие подхода
Формула онбординга фронтенда — Вадим Вильданов, фронтенд-разработчик-эксперт в ЮMoney
Начало работы в новой компании для новичка — важный и сложный период. Расскажем, как помогаем новичкам адаптироваться во фронтенде, и покажем формулу онбординга ЮMoney.
00:00 — Введение в процесс адаптации новичков 01:57 — Процесс адаптации новичков 03:46 — Планирование адаптации новичков 06:34 — Примеры адаптации новичков 09:23 — Введение в наставничество 10:19 — Первый месяц новичка 11:15 — Выбор наставника и обучение 15:53 — Результаты и масштабирование