Мой текущий проект - это SPA, состоящий из React и Redux на стороне клиента и Node.js и express на стороне сервера. Я использую passport.js для обработки Oauth.
Текущий поток выглядит следующим образом:
1) Посетитель вводит URL сайта, и мы возвращаем наш пакет main.js
2) После загрузки приложения мы можем вызвать бэкэнд ('/ api / user / me'), который либо возвращает наше пользовательское состояние, либо ничего.
3) Теперь мы можем определить, вошел ли пользователь в систему и должно ли наше приложение отображать «общедоступную страницу приветствия» или «страницу частной панели инструментов».
4) Наконец, лениво загрузите, на какой компонент страницы имеет право пользователь.
Мой вопрос соответствует разделу 2), поскольку кажется, что это своего рода ненужное путешествие туда и обратно, когда наши посетители уже общаются с нашим бэкэндом на шаге 1).
В конце концов, мне нужно всего лишь переключить одно значение внутри Redux, чтобы отобразить страницу «welcome» или «dashboard». Кроме того, он блокирует 4), что увеличивает время загрузки.
Так как мне справиться с этим сценарием туда-сюда?