React @ loadable / component SSR с Redux Router
Я пытаюсь использовать @loadable/component
библиотека с React в приложении, которое использует SSR, Redux и Router.
В документации приведен пример кода приложения, но без маршрутизатора и Redux (нет необходимости передавать состояние и отображать маршруты). Файлsrc/server/main.js
из примера содержит такие строки:
const nodeExtractor = new ChunkExtractor({ statsFile: nodeStats })
const { default: App } = nodeExtractor.requireEntrypoint()
const webExtractor = new ChunkExtractor({ statsFile: webStats })
const jsx = webExtractor.collectChunks(<App />)
const html = renderToString(jsx)
Но серверный JSX моего приложения выглядит так (без
const jsx = (
<Provider store={store}>
<StaticRouter location={req.url} context={context}>
{renderRoutes(routes, params)}
</StaticRouter>
</Provider>
);
Не могли бы вы рассказать мне, как я могу использовать store
а также StaticRouter
с renderRoutes(...)
и это @loadable/component
так что у меня SSR работает?
Спасибо!