Loading components with @loadeble and its fallback

To load a component asynchronously, you should import with the lodableComponent method, included in the globalMethods file, create a Loadable file by hand or via component/route generators with the 'Do you want to load resources asynchronously?' option activated.

This is the content of the file by default:

import {loadableComponent} from 'Utility/globalMethods';

const Footer = loadableComponent('Footer');
<>
  <Footer />
</>

In this case, the app show a quickly 'Loading...' text while loading your component. You can however make it display a custom loader with an hoc configurationof the method. We recommend to read the docs on loadable-components.