Vladyslav Kliuiev

С телефона не могу ответить подробнее, и я не совсем вижу всю ситуацию, но почему бы не присваивать время токена при закрытии страницы? То есть при открытии мы логинимся, сидим хоть до старости, а например в componentWillUnmount, или чём-то подобном, при закрытии страницы говорим токену что ему осталось жить 10 минут. Я конечно ещё не сталкивался с такой задачей, но всё же это выглядит лучше, чем следить за мышкой. Ибо при движении мыши совершается очень, ОЧЕНЬ много действий, и я боюсь что в лучшем случае это будет потреблять огромное количество ресурсов, а в худшем может вообще положить открытую страницу.

Отвечу по личному опыту, так как сейчас стажируюсь как раз на данный стек. Нужно знать react+redux+redux-saga, так же рассмотреть redux-thunk. Много внимания заостряет ментор на оптимизации, так что тоже обратите на это внимание. Нужно хорошо знать и компоненты классы, и функциональные компоненты. Зачем и когда применять PureComponent, memo(), lazy(), и так дальше и тому подобное. Но самое главное, нужно реально хорошо знать ванильный js. Если есть пробелы в реакте, их подтянуть не сложно. Но если пробелы в реакте выплывают из того, что есть пробелы в js - это проблема.

Предположу, возможно проблема в том, что при первой загрузке у вас создаётся state со значением undefined. Если у вас при открытии страницы в persistedState undefined, то в редаксе нельзя чтобы в стейте был undefined. Там может быть пустой массив (как в случае initialState), пустой объект, пустая строка, но не undefined. По хорошему, нужно проверить что лежит внутри persistedState при открытии страницы, и от этого плясать дальше. Простите что так расплывчато, не имею доступа к ноутбуку, и Вы не прикрепили скриншот ошибки, так что стреляю на удачу.

Facebook и так написан на реакте, он собственно фейсбуком и придуман. Вот, например, для ознакомления.
https://anyforsoft.com/blog/10-famous-websites-bui...