Как разработать логику навигации по страницам для многостраничного приложения с использованием React, NodeJS, Newforms и Spray

Question

Я новичок в React, NodeJS, Newforms и Spray. В настоящее время мы работаем над простым приложением, включающим 30 экранов (страниц), и на каждой странице есть один вопрос. В зависимости от ответа, указанного на каждой странице, пользовательское путешествие заканчивается или переходит к следующему вопросу. Нам нужна помощь в разработке методики навигации по страницам.

Пара подходов прийти на мой взгляд, являются:

Централизованный подход навигации: Есть центральную навигационную логику конфигурации для каждого вопроса. По каждому вопросу в него встроены возможные ответы и следующий курс действий (завершение пользовательского пути или отображение следующего вопроса). После отправки каждой страницы заполните основную модель данных JSON. В зависимости от ответа на последний вопрос, решите следующий курс действий.

Распределенная навигация подход: Каждое действие страницы знает, навигационная логика

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

Answer 1

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

Альтернативой может быть компонент верхнего уровня «навигация», который имеет дело с логикой, тогда каждый вопрос может быть ребенком этого. Я все еще думаю, что вы могли бы выиграть от реализации потока.