[React] Как правильно получать components с сервера?

Есть проект. Он старенький.
Расчёт идёт на то что бы перевести его с сервер-сайд рендринга, на фронт-сайд...
Сейчас он работает на react и .net (mvc\web api)
Чтобы полностью переехать с mvc на web api нужно избавится от контролов которые возвращают view

Идея следующая:
-Что бы индекс акшэн возвращал сам компонент (в виде скрипта или же ссылки на него ("~/Components/VotEtotComponent.jsx"), а дальше уже сам реакт рендрил.

Уточню тот момент что нет задачи (\желания\необходимости) делать это в виде SPA. Нужно оставить те же переходы между страницами, но избавится от сервер-сайд рендринга.

Вопрос:
-Как, в случае с оригинальным SPA реакт получает компоненты с сервера?
-В каком виде реакту нужно возвращать компоненты с сервера? (что бы не превратить его в SPA)
-Каким подходом\как переделать сервер сайд на фронт сайд рендринг? (без перехода на SPA)

0

А что мешает скомпилировать всё бабелем в чистый JS, минифицировать и подгружать с сервера?
Всё общение клиент <-> сервер свести к получению статических скриптов и уже из них дёргать роуты, возвращающие состояние модели.

0

Зачем вам реакт, если нет задачи перейти на spa? Сугубо ради реактивного рендера? У вас много логики сосредоточено на клиенте?

0

FraidZZ, это то да... ,но тут вопрос стоит в том "как?", т.к. это немного не ясно.
Вы предлагаете сделать ссылки на выдачу страниц с уже подключенными скриптами и того выходит что мы имеем N ссылок на страницы (N - кол-во ссылок возвращающих статические страницы с подключенными скриптами)?
сейчас так и работает

Цель данного поиска найти более оптимальный вариант (ну если он вообще есть).

Вопрос, а как работает SPA? То есть, загружается главный лейаут и в нём что, уже все модули (\скрипты) подключены? ...и мы по ним уже ходим и в процессе подгружаем модель? Но этот вариант звучит как сильно громоздкий. Ну есть 20 страницы, а в них по 20 компонентов, это уже выходит что при первом же заходе на сайт '/' мы получаем все-все скрипты(\страницы\модули\компоненты)?! Ну эт дофига....

Идея (приблизительно) выглядит так.
-Есть 20 роутов (на "главные" страницы)
-На любой из этих роутов возвращается одна и та же статическая страницы (!КОТОРУЮ МОЖНО БУДЕТ ЗАКЭШИРОВАТЬ!)
-Но в зависимости от роута в странице грузится один (...ну или как я выше написал 20...) компонент, которые нужны только на этой странице.

Главное тут оптимизировать загрузку страницы и что бы браузер её норм кэшировать мог.

...вот как подобного результата добиться?

Добавлено через 3 минуты
А, ну и ещё раз повторюсь, что нет цели делать SPA и переносить роутинг на фронт.

Добавлено через 12 секунд
msheal,

Сообщение от msheal Сугубо ради реактивного рендера? У вас много логики сосредоточено на клиенте?

да.
спасибо за игру.

0