Команда онлайн-сервиса борнирования жилья Airbnb разработала библиотеку с открытым кодом React-Scetchapp, использование которой помогает ускорить процесс внедрения дизайн-изменений, сообщает TechCrunch.
Дизайн-системы сравнимы с ДНК любой компании, в которой над дизайн-задачами работают разные группы сотрудников. Для разработки вменяемого продукта, отвечающего целям компании, важна адекватная и своевременная коммуникация между командами, и каждый ИТ-гигант решает эту задачу по-своему.
К примеру, Airbnb потратила много ресурсов на разработку дизайн-компонентов, использование которых было бы возможно в разных командах. Однако компании не удавалось синхронизировать итеративную систему дизайна с шаблонами в Sketch, из-за чего тормозился процесс разработки.
Изменение даже одного элемента дизайна способно повлечь за собой изменения в отображении немалого количества страниц, и отследить их все — долгое и зачастую нецелесообразное занятие. Для того, чтобы решить проблему, разработчики Airbnb создали библиотеку React-Sketchapp. Она помогает мгновенно обновлять все нужны рендеры, заметно ускоряя процесс работы.
На приведённом выше примере, Airbnb использует библиотеку для отображения различных вариаций текста на разных языках с одинаковым дизайном, используя Google Translate API. Преимущество привязки такого рода работы к React в том, что это парадигма, с которой знакомы большинство инженеров.
Библиотеку React-Sketchapp разработали как инструмент ускорения дизайна и разработки именно в Airbnb. Она показывает, насколько повышается эффективность, когда разработчики могут взаимодействовать с дизайном так же, как они привыкли работать с кодом.
Релоцировались? Теперь вы можете комментировать без верификации аккаунта.