app.get('/', (req, res) => {
const componentHTML = ReactDom.renderToString(<App />);
return res.end(renderHTML(componentHTML));
});
const assetUrl = process.env.NODE_ENV !== 'production' ? 'http://localhost:8050' : '/'; // Это url сервера же, не фронта?
function renderHTML(componentHTML) {
return `
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hello React</title>
<link rel="stylesheet" href="${assetUrl}/public/assets/styles.css">
</head>
<body>
<div id="react-view">${componentHTML}</div>
<script type="application/javascript" src="${assetUrl}/public/assets/bundle.js"></script>
</body>
</html>
`;
}
<script>window.__INITIAL_STATE__ = json.stringify(initialState);</ script>export = function (initialState: {} = {}) {
if (__CLIENT__) {
initialState = JSON.parse(JSON.stringify(window.__INITIAL_STATE__));
}
return createStore(combineReducers({ ...rootReducer }), initialState, enhancer);
}
Простой
Средний