October 6, 2022

Рефакторинг карточки товара

Как мы решали задачу обновления карточки? 

Мы условились, что новая карточка товара в Маркете должна выглядеть для клиента точно также, как и прежняя. Также нашей задачей было сохранить весь доступный функционал.

Какие особенности разработки мы учли?

Основная сложность при разработке была в том, что мы не знали всех кейсов: когда и какой функционал карточки должен демонстрироваться. При рефакторинге мы параллельно написали документацию, описав все состояния компонента.

Что получилось?

В результате рефакторинга скорость разработки новых фичей в карточке товара увеличилась в ~3 раза. После тщательного тестирования, мы убедились, что весь функционал сохранен. Теперь все карточки написаны на React – маленький шаг для человечества, но большой для социальной сети с огромной историей и количеством пользователей.