TIL you can prefetch lazy loaded React components.🔥

create-react-app honors Webpack directives: https://webpack.js.org/guides/code-splitting/#prefetchingpreloading-modules

So, to lazy load a component, but prefetch it behind the scenes:

const Hi = React.lazy(() =>
import(/* webpackPrefetch: true */ "./Hi")
);

😎 #reactjs

View original on X