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