Обзор моего опыта открытия и перехода на атомарный дизайн в проекте React Native. Сначала я расскажу о своем опыте, о проекте, примененном в этом сценарии, и о том, почему я был заинтересован во внедрении Atomic Design. Далее я объясню, какие шаги я предпринял для перехода на шаблон атомарного дизайна. Наконец, я расскажу, с какими проблемами я столкнулся при переходе на Atomic Design и что бы я сделал иначе. Итак, приступим ... Мой фон Я разработчик-самоучка, использующий..

Atomic Design — это система проектирования пользовательского интерфейса, которая помогает вам организовывать ваши коды и компоненты четким и пригодным для повторного использования способом. Атомы — поле ввода текста, кнопка Молекулы — группы атомов, как поле поиска и кнопка Организмы — группы молекул, как панель навигации поиска Шаблоны — группы организма, где дизайн объединяется с действиями макета. Страницы — конкретные экземпляры шаблонов, где пользователи в конечном итоге..