aleleba/create-react-ssr
1
0
Fork 0
mirror of https://github.com/aleleba/create-react-ssr.git synced 2025-07-12 07:38:33 -06:00
Code Issues Actions Packages Projects 1 Releases Wiki Activity

PR-753737: Se agrega hydrate y se inyecta initial state en SRR.

Browse Source
This commit is contained in:
Alejandro Lembke Barrientos
2022-04-18 05:35:25 +00:00
parent 811898186c
commit af92072959
2 changed files with 31 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/server/server.js
View File

@ -42,7 +42,7 @@ if(env === 'development'){
}));
}
const setResponse = (html) => {
const setResponse = (html, preloadedState) => {
return(`
<!DOCTYPE html>
<html lang="es">
@ -55,6 +55,9 @@ const setResponse = (html) => {
</head>
<body>
<div id="app">${html}</div>
<script>
window.__PRELOADED_STATE__ = ${JSON.stringify(preloadedState).replace(/</g, '\\u003c')}
</script>
<script src="assets/app.js" type="text/javascript"></script>
</body>
</html>
@ -63,6 +66,7 @@ const setResponse = (html) => {
const renderApp = (req, res) => {
const store = createStore(reducer, initialState)
const preloadedState = store.getState();
const html = renderToString(
<Provider store={store}>
<StaticRouter location={req.url}>
@ -70,7 +74,7 @@ const renderApp = (req, res) => {
</StaticRouter>
</Provider>
)
res.send(setResponse(html));
res.send(setResponse(html, preloadedState));
};
app.get('*', renderApp)