A short overview and demo of lazy loading.
Note - for fontawesome you'll need to set your project to use the free version.
Additional steps for fontawesome (i.e., how to avoid the mental breakdown I had off-camera).
Additional npm installs:
* @fortawesome/free-solid-svg-icons
* @fortawesome/free-regular-svg-icons
* @fortawesome/free-brands-svg-icons
Add to package.json:
"babelMacros" : {
"fontawesome-svg-core" : {
"license": "free"
}
}
Links:
* https://hackmd.io/@linhl3/react18_suspense
* https://fontawesome.com/v6/docs/web/use-with/react/use-with
* https://github.com/FortAwesome/Font-Awesome/issues/18711
* Extra guide: https://stackabuse.com/guide-to-lazy-loading-with-react/
