LAZY LOADING IN REACT WITH EXAMPLE
************Udemy Course************
Complete Electron js Application Development Course for WIN,MAC,LINUX
https://www.udemy.com/course/electron...
Udemy A-Z Node js Course ( Game Development, Desktop App, API, Automation Testing, and lot more)
https://www.udemy.com/course/advance-...
Complete React JS Guide With Project (Webpack, hooks,Redux)
https://www.udemy.com/course/reactgui...
****************************************
Lazy loading is technique which mainly use for an optimization technique for the online content, be it a website or a web app.
Instead of loading the entire web page and rendering it to the user in one go as in bulk loading, the concept of lazy loading assists in loading only the required section and delays the remaining, until it is needed by the user.
React.lazy takes a function that must call a dynamic import(). This must return a Promise which resolves to a module with a default export containing a React component.
The lazy component should then be rendered inside a Suspense component, which allows us to show some fallback content (such as a loading indicator) while we’re waiting for the lazy component to load.
This video show you how to use lazy loading in React ks