mirror of
https://github.com/gregberge/loadable-components.git
synced 2026-01-18 15:12:26 +00:00
601bd3442c
- Add a new `render` method to use render props pattern - Fix all issues with SSR BREAKING CHANGE: loadable-components/babel is now required if you do server side rendering. BREAKING CHANGE: ErrorComponent now receive `ownProps` instead of `props`.
29 lines
712 B
JavaScript
29 lines
712 B
JavaScript
import React from 'react'
|
|
import ReactDOMServer from 'react-dom/server'
|
|
import express from 'express'
|
|
import { getLoadableState } from 'loadable-components/server'
|
|
import App from './App'
|
|
|
|
const app = express()
|
|
|
|
app.get('/', async (req, res) => {
|
|
try {
|
|
const reactApp = <App />
|
|
const loadableState = await getLoadableState(reactApp)
|
|
const html = ReactDOMServer.renderToString(reactApp)
|
|
res.send(`<!DOCTYPE html>
|
|
<html>
|
|
<body>
|
|
<div id="root">${html}</div>
|
|
${loadableState.getScriptTag()}
|
|
<script src="bundle.js"></script>
|
|
</body>
|
|
</html>`)
|
|
} catch (err) {
|
|
res.status(500)
|
|
res.send(err)
|
|
}
|
|
})
|
|
|
|
app.listen(3000, () => console.log('http://localhost:3000'))
|