Весной состоялась наша ежегодная онлайн-встреча фронтендеров и их коллег. Разработчики Ю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 в реальных проектах
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 — Использование платформы
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 — Развитие подхода
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 — Результаты и масштабирование
01:57 — Процесс адаптации новичков
03:46 — Планирование адаптации новичков
06:34 — Примеры адаптации новичков
09:23 — Введение в наставничество
10:19 — Первый месяц новичка
11:15 — Выбор наставника и обучение
15:53 — Результаты и масштабирование