Understanding the Importance of Default Export when using React.lazy()

2 min readFeb 12
Photo by Lautaro Andreani on Unsplash

Lazy loading is a technique used to optimize the performance of web applications by deferring the loading of certain resources, such as images, scripts, and even components, until they’re actually needed. One way to implement lazy loading in a React application is to use the React.lazy() function and the import() function.


A software engineer who is always at a high level of passion with new techs and a strong willing to share with what I have learned.