[Architecture] Code splitting strategy

[reboottime]

Solutions

• Solution: loadable-components
  • split large library code
  • preload scripts based on user interaction
• where to
  • apply suspense
  • apply error boundary
  • add proper loading effect
    • If you use loadable-component, consider add fallback at the loadable setup. In this way, you can define unique loading effect for each components
• add transition effect
• code splitting
  • based on route, load on demand
  • split large lib component and load it only if needed, such as user interaction, conditional rendering