Антон Спирин

На каком языке лучше писать серверную часть для real time React app?

На любом.

Что выбрать ?

Что лучше знаете.

Просто я думаю если выполнить npm старт и скопировать build.js который вернется в index.html и запустить это в том же nginx с переадресацией маршрутов в index.html - то не получится то, что я планирую?

Вам надо настроить nginx чтобы он отдавал статику(шрифты, картинки, стили и прочее) и по всем не статическим маршрутам отдавал html с приложением.

Установите Node.js версии 10.15.3 LTS

AWS: Deploy NodeJS web app
AWS: Deploy React app

На то, чтобы вкатиться в тему уйдет час-три. Знания полезные. Достаточно просто попробовать базовые вещи. Зазубривать API шаблонизатора, которым не факт, что будете когда-нибудь пользоваться, не стоит.

Почитайте любую тематическую статью на эту тему.
1. В самом простом случае у вас две точки входа server(с ReactDOMServer.renderToString) и client(c ReactDOM.hydrate).

2. State можно получать на сервере и передавать на клиент, примерно, так:

<script>window.__INITIAL_STATE__ = json.stringify(initialState);</ script>

В configureStore:

export = function (initialState: {} = {}) {
  if (__CLIENT__) {
    initialState = JSON.parse(JSON.stringify(window.__INITIAL_STATE__));
  }

  return createStore(combineReducers({ ...rootReducer }), initialState, enhancer);
}

3. Никаких глобальных переменных для состояний изменяющихся от клиента к клиенту(локали, темы и прочее). Node обрабатывает множество запросов одновременно и информация клиентов при передаче конфигураций в глобальные модули или при использовании глобальных состояний может перемешаться.
4. Получение данных на сервере и клиенте тот еще головняк. Посмотрите как реализована библиотека react-frontload.

Ошибка не при отдаче html файла. Он без проблем отдается. Во втором случае проблемы со статикой. express.static это middleware(промежуточное ПО). Express все запросы обрабатывает по-порядку через все middleware пока не найдет подходящий endpoint. В первом случае express.static обрабатывает пути до роутера, перехватывая только запросы за статическими файлами и возвращая файлы в ответ. Во втором случае эти запросы попадают в роутер, который у вас обрабатывает все пути и возвращает index.html. До express.static запросы не доходят и вместо всей статики вы получаете этот файл и парсер JS выдает ошибку.

Простой пример:

app.use((req, res, next) => {
  console.log('Time: ', Date.now());
  next();
});
app.use(express.static(__dirname + '/public'));
app.get("/about", (req, res) => { /* */}); // ( 1 )
app.get("/home", (req, res) => { /* */});  // ( 2 )
app.get("*", (req, res) => { /* */}); // ( 3 )
app.get("/never", (req, res) => { /* */}); // ( 4 )

Допустим приходит 4 запроса:

GET https://site/public/img/1.png
GET https://site/home
GET https://site/feed
GET https://site/never

Во всех случаях в консоли покажется: Time: <текущее время>
Первый запрос будет перехвачен express.static и не дойдет до роутера.
Второй запрос будет перехвачен эндпоинтом ( 2 ), ( 1 ) будет пропущен так как пути не совпадают.
Третий эндпоинтом ( 3 ), так как он перехватывает абсолютно все запросы которые до него доходят, ( 1 ) и ( 2 ) соответственно пропущены.
Четвертый запрос так же будет перехвачен и обработан эндпоинтом ( 3 )
До эндпоинта ( 4 ) запросы дойти не могут. Его надо поменять местами с ( 3 )

Возможно, в конфиге webpack не прописан public path:

module.exports = {
    ...
    output: {
        publicPath: '/'
    }
}

Правильный путь:
to={`/dictionary/${item.toLowerCase()}`}

export function loginProtect(data) {
  return new Promise((resolve, reject) => {
    // ищем в базе совпадения по имейлу
    UserModel.findOne({ user_email: data.user_email }, function (err, user) {
      if (err) return reject(err);
      // далее если совпадение нашлось сверяешь хэш пароль с тем что был прислан в функцию
      bcrypt.compare(data.user_password, user.user_password, function (err, res) {
        if (err) return reject(err);
        // res это результат работы, возвращает true или false
        return resolve(res);
      });
    });
  });
}

app.post('/api/login', (req, res) => {
    const user = {
        user_data: req.query
    }
    // отправляем данные в контроллер
    UserController.loginProtect(req.query).then(result => {
       // handle success
      jwt.sign({ user: user.user_data }, process.env.SECRET_FOR_JWT, (err, token) => {
        res.json({
            success: true,
            token
        });
      });
    
    }).catch(err => {
      // handle error
    });   
});

express-ipfilter