14 сентября 2021

№5: Реактивные фреймворки в e‑commerce. Их роль в связке дизайна и frontend-разработки

React, Angular и Vue.js развиваются очень быстро, и e‑commerce‑разработчикам нужно постоянно изучать новые технологии, чтобы соответствовать ожиданиям пользователя. А чтобы задавать тренды, сокращать издержки, автоматизировать процессы и запускать новые сервисы, разработчики должны изучать и внедрять новое как минимум вдвое быстрее.
Ведущие UX‑дизайнеры и Frontend‑тимлиды СберМаркета, AFFINAGE, Ostrovok.ru и Voximplant поделятся лайфхаками по ускорению разработки и расскажут, какой дизайн должен приходить на верстку. Поговорим о том, как выбрать удобный фреймворк для e‑commerce‑разработки, делать «резину» в Figma, проектировать библиотеки компонентов и применять продуктовый компонентный подход в дизайне и разработке для оптимизации скорости и качества.

Доклады

Николай
Митряшкин

Frontend-разработчик
СберМаркет

React vs Vue.js vs Angular: на чем Frontend-разработчики пишут современный e‑commerce

  • Как проходит эволюция развития Frontend-разработки в СберМаркете.
  • Сравниваем современные фреймворки: по каким критериям мы выбирали в 2016 и что бы мы рассматривали, если бы делали выбор в 2021.
  • В каких проектах уместен каждый из фреймворков и чем их особенности.
  • Преимущества разработки на фреймворке.
  • Как выбрать удобный фреймворк для разработки e‑commerce?

Игорь
Яковлев

CEO
AFFINAGE

Резиновый дизайн и резиновая верстка. Мастер‑класс

  • Как делать «резину» в Figma? Пресловутые сетки на разных брейкпоинтах.
  • Грамотно пишем стили с CSS Media Query.
  • Проценты или em?
  • Ошибка масштабирования.
  • Экономим время на разработке.

Игорь
Шеко

Frontend TeamLead
Voximplant

Frontend: Продуктовый (компонентный) подход к разработке e‑commerce на базе фреймворков

  • Что такое компоненты и atomic design?
  • Шаги построения системы компонентов.
  • Где теряется понимание?
  • Почему важно вести документацию компонентов?
  • Продвинутое управление компонентами.
  • Как быстро создавать продающие промо.

Назарий
Панькив

Руководитель дизайна
Voximplant

Дизайн: Продуктовый (компонентный) подход к разработке e‑commerce на базе фреймворков

  • Что такое компоненты и atomic design?
  • Где теряется понимание?
  • Ведение компонентов в Figma.
  • Продвинутое управление компонентами.

Кирилл
Миронов

TeamLead
Ostrovok.ru

Сколько нужно библиотек компонентов для e‑commerce и как их проектировать?

  • Какие проблемы возникают при разработке сайтов на e‑commerce и их переезде на React.
  • Как с нуля сделать библиотеку компонентов и что стоит в нее выносить.
  • Технические аспекты библиотеки компонентов: технологии, организация кода и разделение ответственности компонентов.
  • Какие проблемы решает, а какие создает спустя два года разработки библиотека компонентов.

Конференция уже прошла, но вы можете посмотреть все доклады в записи

  • Онлайн-трансляция

    Из любой точки мира!
    Да, нас смотрят в Европе и США

  • Уникальный контент

    Каждый доклад прогоняется среди топ-менеджеров и senior-экспертов

  • Живое общение

    В прямом эфире наши спикеры ответят на ваши вопросы

  • Организатор

  • При поддержке

  • Генеральные партнеры

  • Информационные партнеры

По вопросам партнерства или участия в качестве спикера пишите организаторам