Евгений Хз

Написали вы тут конечно жесть. Нужно учить матчасть - async/await синтаксис используют с промисами, вы же пытаетесь его впихнуть непонятно куда и ждете какой то магии.

let user = await firebase.auth().onAuthStateChanged((user) => { return user });

посмотрите, если firebase.auth().onAuthStateChanged возвращает промис, то можно написать вот так
let user = await firebase.auth().onAuthStateChanged();

тут
let User = await firebase.auth().currentUser;
await вообще не нужен.

Лучше ноду заюзайте, для вебсокетов она идеальна. Под Windows Server она тоже заводится

browser-sync более мощный, смотрите документацию

Попробуйте готовое популярное решение https://nextjs.org, оно конечно не идеальное, но иначе тема очень обширная и в одном посте все нюансы не раскроешь.

Лучше использовать express.js(или другой фреймворк на node.js типа koa.js, adonis.js и тд), поскольку он использует тот же язык программирования и соответственно те же понятия(ассинхронность и тд), а иногда и те же библиотеки. К тому же если вам понадобится серверный рендеринг того, что выдаст реакт без Node.js вы уже не сможете обойтись.

Redax-thunk и redax-saga отличаются своими подходами. Первый через асинхронный экшен генерирует обычные экшены(request, success, error) и уже их обрабатывают через редьюсер. Саги же подписываются на обычный экшен и через механизм генераторов совершают асинхронные действия, кои благодаря опять же генераторам легче тестировать.

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

Redax-thunk и redax-saga сильно отличаются своими подходами. Первый через асинхронный экшен генерирует обычные экшены(request, success, error) и уже их обрабатывают через редьюсер. Саги же подписываются на обычный экшен и через механизм генераторов совершают асинхронные действия, кои благодаря опять же генераторам легче тестировать.

По сути саги могут все тоже самое, что и танки, а вот наоборот нет. Пример: у меня есть редакс-мидлвара, она ловит с вебсокетов экшн, так вот сагами я могу ассинхронно обработать этот экшен подписавшись а вот танками без дополнительных заморочек нет.

Редукс обычно используют для глобального стора(например для данных авторизации и тд). Но с началом активного использования Graphql мне показалось что без редакса вполне можно обойтись.

Стоит делать на вордпрессе или другой цмс, но при этом использовать кэширование.