подход при создании SPA ReactJS приложения

Каков правильный подход при создании SPA ReactJS приложения на хуках . если нужно несколько совершенно разных интерфейсов (отличающихся не только данными но и видом и логикой работы ) которые отрисовываются в зависимости от действий пользователя ? (к примеру-ввод накладной , затем завершить ввод и перейти в расчет зарплаты) правильно ли будет написать компонент который будет включать в себя эти интерфейсы но рендериться они будут по условию в зависимости от состояния какого либо глобального обьекта ? может есть ссылка на пример или статью ?