Reactjs.net integration about react-starter-kit HOT 4 CLOSED

Sounds good to me. I don't see any possible issues with it. Each mini app will have its own routing. But.. is there an advantage of implementing it this way, as opposed to a single app (SPA) with purely client-side routing for all pages? In this case you can only use Web Api / SignalR from ASP.NET just for REST / HTTP / WebSockets endpoint and have all the front-end pages implemented with React.

from react-starter-kit.

Client-side approach has its drawbacks (high initial payload, fully client reliant (which makes it somewhat fragile), possible memory leaks between pages (especially since flux relies on singletons) etc.). I'd like to employ react as a server-side web renderer plus client-side behaviour library. I consider it a unique oportunity for react compared to angular, ember etc. . Plus, there are many existing asp.net mvc projects which could use an approach where you would just "sprinkle" react to get better UX from server-side pages, or embed an spa so that the experience is seamless (single css, header, footer). There are some examples of it, but they are very simplistic.
Btw, i noticed that the whole example is loaded at once, is there a partial load example (fetching pages on-demand etc.)

from react-starter-kit.

Btw, i noticed that the whole example is loaded at once, is there a partial load example (fetching pages on-demand etc.) — @brunoAltinet

That's actually a great suggestion. I'm going to update the sample, to make it load the actual page contents with Ajax requests (as opposed to bundling that content).

from react-starter-kit.

@brunoAltinet, so.. here is an example, how page contents can be extracted into separate files, in order to avoid embedding that stuff into the main application bundle: #49

When users navigates through the website, Ajax requests are made to /api/pages/{name} Web API endpoint, and page contents is loaded to React app asynchronously.

To-Do: Need to update the bundling and pre-rendering logic to support this scenario.

from react-starter-kit.