-
Notifications
You must be signed in to change notification settings - Fork 0
/
universal.js
55 lines (40 loc) · 1.18 KB
/
universal.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
import store from './src/store/serverStore'
import * as actions from './src/actions/DataActions'
import Routes from './src/routes'
import React from 'react'
import path from 'path'
import {StaticRouter} from 'react-router-dom'
import ReactDOMServer from 'react-dom/server'
import {Provider} from 'react-redux'
const fs = require('fs');
const universalLoader = (req, res) => {
const filePath = path.resolve(__dirname, '.', 'build', 'index.html')
fs.readFile(filePath, 'utf8', (err, htmlData) => {
if (err) {
console.error('read err', err)
return res.status(404).end()
}
let context = {};
store.dispatch(actions.fetchAll());
const markup = ReactDOMServer.renderToString(
<Provider store={store}>
<StaticRouter
location={req.url}
context={context}>
<Routes/>
</StaticRouter>
</Provider>
);
if (context.url) {
redirect(301, context.url)
} else {
// we're good, send the response
const preloadedState = store.getState();
const RenderedApp = htmlData
.replace('{{SSR}}', markup)
.replace('"{{STORE}}"', JSON.stringify(preloadedState).replace(/</g, '\\u003c'));
res.send(RenderedApp)
}
})
};
export default universalLoader