Какой будет хорошая диаграмма для разработки интерфейсов React.js перед написанием какого-либо кода?
В общем, я имею в виду что-то вроде UML для проектирования классов в объектно-ориентированном программировании. Как мы можем использовать программное обеспечение для построения диаграмм, чтобы спроектировать (смоделировать) наши пользовательские интерфейсы (Компоненты, реквизиты, состояния, события и т. Д.) Перед написанием любого реального кода?
2 ответа
Ручка и бумага... доска. Это может звучать так, будто я шучу. Но я считаю, что это лучший способ смоделировать ваше приложение. Когда я закончу с диаграммой на доске, я сделаю фото, если мне нужно поделиться им.
Он делает две большие вещи, imo: 1. он делает вещи простыми, чтобы вы вычислили важные вещи, не усложняя вещи, чтобы вы начали программировать; 2. это не выглядит слишком официально или отполировано, поэтому вы помните, что это всего лишь эскиз. Когда приходит время писать ваш код, ваши установленные шаблоны и соглашения должны диктовать архитектуру вашего приложения, а ваши "каркасы" должны быть просто ссылкой для оглядки назад.
Опять же, только мое собственное мнение. На ваш вопрос нет однозначного ответа.
Вы можете использовать https://balsamiq.cloud/ для создания каркасов пользовательского интерфейса перед запуском фактического кода. В этом случае вы можете создавать экраны мобильного просмотра для различных мобильных версий. Позже вы можете работать на этих экранах.
Как только пользовательский интерфейс будет готов, вы сможете получить четкое представление о том, что необходимо в состояниях реагирования и значениях параметров.