Что происходит с состоянием в React isomorphic App

Question

Я создаю изоморфное приложение с React, которое должно поддерживать пользователей без JS.

Я новичок в этой технологии, и у меня есть основные сомнения: Сервер может хранить состояния компонентов, чтобы имитировать то, что React делает на стороне клиента?

Я представляю себе этот поток, когда пользователь не имеют JS:

1. пользователь нажимает на кнопку и отправить запрос на сервер.
2. Сервер восстанавливает состояние приложения и вносит изменения в него.
3. Компоненты прослушивают эти изменения и визуализируются снова.

Верно ли это?

Answer 1

Предполагая, что вы используете реагировать-маршрутизатор:

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

Например, если у вас есть приложение, в котором вы хотите отобразить список пользователей, скажите на URL-адресе/users, когда вы отправите свой первый запрос, сервер будет хранить пользователей в состоянии реакции ,

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

Однако, если вы обновите свою страницу, процесс запустится снова: первая загрузка, инициализирующая состояние, а затем навигация на стороне клиента.

EDIT: Разъяснения =>

Если вы хотите использовать реагировать на сервере, это означает, что вы используете сервер Nodejs. Дело в том, что response-dom предоставляет метод, называемый renderToString, который преобразует компонент jsx-ответа в стандартный HTML.

Это стремится загрузить первый вызов быстрее

Почему?

Когда вы загружаете на клиентское приложение «большое» JS, у вас есть время задержки, время, в которое ваш браузер должен загрузить ваш пакет JS.

Отверстие на стороне сервера направлено на то, чтобы избежать этого поведения или, по крайней мере, дать ощущение, что приложение запускается быстрее.

---

Ни в коем случае нельзя использовать реакцию, даже если вы используете рендеринг на стороне сервера. Почему?. Поскольку ваши события на кнопках или асинхронная загрузка на клиенте или нажатие клавиш на языке JS.