Basic SSR for express app

gistfile1.txt

// Server

app.use((req, res, next) => {
  match({ routes, location: req.url }, (error, redirectLocation, renderProps) => {
      let store = setupStore();
      let promises = collectPromises(req.url, renderProps.routes, store);
      collectToken(req.cookies, store);

      Keys.all(promises).then(() => {
        const html = renderToString(<Provider store={store}>
          <RoutingContext {...renderProps} />
        </Provider>);
        res.status(200).send(template.render({content: html, data: JSON.stringify(store.getState())}));
      }).catch((err) => {
        next(err);
      });
  });
});

// Client

document.addEventListener('DOMContentLoaded', () => {
  const state = window.__BOOTSTRAP__ || {};
  const store = setupStore(state);

  render(<Provider store={store}>
      {createRoutes(createBrowserHistory())}
    </Provider>,
    document.querySelector('#app'));
});

// A Random Component

class RandomComponent extends Component {
  static fetchData () {
    return {
      getSomeAsyncData
    };
  }
  
  render() {}
}