React Router Tutorial - 14 - Lazy Loading

Use coupon code: CodevolutionYoutube for any workspace upgrade. Select "Add promo code" on checkout, enter the code, then hit "Apply". This will apply a 100% one year subscription discount. Enjoy and feel free to invite others to your workspace!

📱 Follow Codevolution

Lazy Loading in React Router
React Router Tutorial
React Router Tutorial for Beginners

[ridimaudasi]

This series is amazing man! Thanks a lot for the crisp explanation, and also for how we can use the dev tools to compare the before and after scenarios! SUBSCRIBED!!

[harunjasarevic]

I am currently using Angular and learning React, its so easy to implement lazy load in React I am impressed

[DreaMagnifier]

for your very good knowledge just type lorem<number of letters > to get lorem dummy text in vscode

[HamidAli-dciq]

but at the end time increased to 20ms 😂

[alokranjan]

Thanks a lot for explanation but in my current app, I can't find mainchuk in network tab.
All other things are there as mentioned in video except mainchunk.

Can you please suggest, where to find or there is any changes.

Thanks.

[eduardohernandezsoto]

I'm use tailwind css, it's not working when use lazy loading

[igorbabiy]

please make videos about performance issues, how to solve or maybe overview tools that can help to detect bottlenecks.
Thanks for your job!

[mehtabahmed]

Thank you so much for the nice explanation.

[muscl-cuts]

What he said or Explained at the last 1 Minute 5:45 to 6:45

[avishetty]

@Vishwas, In this video you mentioned that we need a default export of the component... why? ... what is the difference between 'export const ' and 'export default componentName'?

[rajeebnayak]

Thanks man. Your wordings and instructions were very clear :D

[vivekjaiswal]

You have made react routing v6 like a piece of cake.
But I want to integrate react route 6 with withRouter.

[teeyiheng]

Thank, I understand what is lazy after watch this video😁

[colommbiano]

Can the same be done in nextjs? could you make a video explaining the same thing but in NextJs?

[amrithababu]

How to lazy loading implement in MUi avatar

[varungondu]

I Got following Error - Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.

After doing export default also
Any leads appreciated

[shineLouisShine]

Tried it about 20 times.
Definitely not working.

Quite depressing actually..

[jamesonajobi]

Thank you 😅been searching for tooo long

[dhruv.pandey]

Hi. Nice video, a query though. If I put a console.log inside the About component(and there is no lazy loading implemented), I notice that the log is only printed when that component is rendered(when the /about URL is accessed). This means that the About component is not rendered on /home, it is only rendered on /about. Why do we need lazy loading if the code inside the component is executed only when the component is rendered?

[rajnandanibhawsar]

@vishwas Mainchunk.js file is not showing under network table bundle.js file is showing