github/JavaScriptServices
1
1
Fork 0
mirror of https://github.com/aspnet/JavaScriptServices.git synced 2025-12-23 01:58:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

render-server.js shouldn't depend on React/Redux-specific concepts

Browse Source
This commit is contained in:
SteveSandersonMS
2016-02-08 10:08:35 -08:00
parent 05905a42ab
commit 1fc3426278
2 changed files with 16 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
samples/react/MusicStore/ReactApp/boot-server.tsx
View File

@@ -2,27 +2,33 @@ import * as React from 'react';
import { Provider } from 'react-redux';
import { renderToString } from 'react-dom/server';
import { match, RouterContext } from 'react-router';
import createMemoryHistory from 'history/lib/createMemoryHistory';
React;
import { routes } from './routes';
import configureStore from './configureStore';
import { ApplicationState } from './store';
export default function (params: any, callback: (err: any, result: { html: string, store: Redux.Store }) => void) {
match({ routes, location: params.location }, (error, redirectLocation, renderProps: any) => {
export default function (params: any, callback: (err: any, result: { html: string, state: any }) => void) {
const { location } = params;
match({ routes, location }, (error, redirectLocation, renderProps: any) => {
try {
if (error) {
throw error;
}
const store = configureStore(params.history, params.state);
const html = renderToString(
const history = createMemoryHistory(params.url);
const store = params.state as Redux.Store || configureStore(history);
let html = renderToString(
<Provider store={ store }>
<RouterContext {...renderProps} />
</Provider>
);
// Also serialise the Redux state so the client can pick up where the server left off
html += `<script>window.__redux_state = ${ JSON.stringify(store.getState()) }</script>`;
callback(null, { html, store });
callback(null, { html, state: store });
} catch (error) {
callback(error, null);
}