React Lazy Load Code to Load Faster | React Code Splitting Tutorial

🚀 Become a full-stack web dev with Zero To Mastery Courses:

👇 Follow Me On Social Media:

React Lazy Load Code | React Code Splitting Tutorial

(00:00) Intro
(00:11) Welcome
(00:33) Starter Code
(00:48) Example App Overview
(02:43) React Router App structure
(04:30) Applying React lazy
(05:52) React lazy requirements
(06:35) Applying React Suspense
(07:27) Applying an Error Boundary
(12:11) Check component loading in dev mode
(14:05) Deployment Performance

📺 Suggested Videos:

📚 Tutorial References:

Was this React Lazy Load & Code Splitting tutorial helpful? If so, please share. Let me know your thoughts in the comments.

#react #lazy #load

[djtfan]

Hey Dave, I love your teaching style and your explanations are clear, I would like to make a request, and I'm sure many would appreciate it if you could find some time to do this: would it be possible for you to create a course akin to data structures and algorithms, or at least something similar to that, teaching us how to approach a problem from a programmer's standpoint? I have learned a great deal about web dev from your videos, but I feel I still lack the logic when I approach a logical problem in JavaScript problem, or any language at that. Would it even be possible to teach this using JS, since most such courses are in C/C++? Love your work, keep doing what you're doing!

[sahaneakanayaka]

Another great tutorial Dave... I have a small request though. Would you like to create a tutorial on how to deploy web apps. Different options for deploying web apps, security concerns etc. There are not much tutorials on deployment process, if you can create one that is definitely going to help 🙏🙏❤

[Web-Himansu]

Your quotes is always remember "keep striving for progress, not perfection ".

[sohitmodi]

Hey Adrian recommended me to watch your videos for getting updated with latest React features that is brilliant..

I have 1 request it would be great if you do it.
Can you make a video on React-boilerplate ???
With (React, rtk, routing, API integration _common file)
I promise I will share personally to 80-100 peoples in my company.

[devkumar]

What a coincidence, I learnt this just now in my course 😂, and I think this one is even in more detail .

[ampleeeeeeeee]

Thanks, I was having some weirdness with my router and this helped find the issue

[thedevelopermind]

You are a great teacher, Dave! Thanks for this priceless videos.

[rakaa]

please make videos with facecam as it keeps us more engaging

[mrbilchalan]

in role based applications, its very much useful. thank u. thanks a lot.

[voice_famous_books]

We have a lot of good teachers for teaching programming but you are the best:)

[michaelscofield]

Plase make videos about webpack and babel, if you have knowledge

[shinpaingmin]

Sir, can you explain me the difference between Blurhash for image lazy loading and code splitting. If I use code splitting, do I still need to use Blurhash and vice versa.

[ivankraev]

Great, I have one question
If I want to navigate from home page to about page (which is lazy loaded), and while about page is being resolved, to remain on the. home page and show some loading overlay, how can I do that ?

[khitibhusannaik]

Hello Sir, I learned these things from you,
1- html
2- css
3- tailwindcss
4- javascript
5- react
6- git/github
now I want to start some freelancing can I start my freelancing and prepare for more advanced web development journey for companies with this. 🎨
🔵🏃‍♂🏃‍♂🏃‍♂

[maroinealarabi]

Hey Dave I have a recommendation about web development freelancing if you have an experience or info about it to make some videos how the process goes from a to z best wishes tnx for your effort you put in the channel

[Hacking-NASSA-with-HTML]

Thank you so much sir🤝 Your work is very impressive👍❤

[agus-wesly]

Thx Dave, I learn a lot from your videos

[Arshi]

It would be great if you do full fledge video on making scalable app using all these advanced React concepts

[MOJICA]

Thanks! Dave
for another great content.

[Web-Himansu]

Your voice is calm, clean and beautiful voice and I learn deeply from your Video textbooks .