Loading Routes Lazily
During the development time in react application when you run the application on the development server, it creates the bundle of your project. You can see that on the network section in the browsers developer tool, you find bundle.js with some memory and that memory depends on the size of the application. What it does is, bundled your application's component which you imported normally inside any component. It uses a large space. So there is an advanced concept we can use to reduce this and for that, the application should be configured with the webpack and react-router v4 to use this concept. Sometimes it is needed to render a child component depending on some particular conditions. So in that case we have to download that component when it is required to render. It is an advanced concept and it is beneficial when we have large components to render. It can be achieved by code splitting and for that, we need webpack configured in the application. So, let's work with the co...