React SSR components implementation demo

app.jsx

import React from 'react';
import Loadable from 'react-loadable';

const TitleAsync = Loadable({
  loader: () => import(/* webpackChunkName: "title" */'./title'),
  loading() {
    return <div>Loading...</div>
  }
});

const LoremIpsumAsync = Loadable({
  loader: () => import(/* webpackChunkName: "lorem-ipsum" */'./loremIpsum'),
  loading() {
    return <div>Loading...</div>
  }
});

export default function App() {
  return (
    <React.Fragment>
      <TitleAsync />
      <LoremIpsumAsync />
    </React.Fragment>
  )
}