How to Improve Performance in React with Code Splitting

Hey everyone, in this video I will be going over the concept of code splitting and lazy loading your code in react.

Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

Tags:
- ReactJS Tutorial
- ReactJS and MySQL
- NodeJS Tutorial
- API Tutorial

#reactjs #codesplitting

[arnv_]

You don't have to export default for dynamic import() to work. You can instead do => module.CreatePost)

[torstenmirow]

Actually it's easy possible to use named exports instead of default exports.
Import function is simply an promise.
lazy(()=> => comp.login))

So no need to change the way you export functions.

[CarolinaNT]

how i leaned so much in a 10 minutes video is out of this world. Thanks Pedro, you're awesome

[shinobi_coder]

Hope you stay healthy as always and keep making these micro-learning videos, it literally helps us to cultivate out mindset of "An Expert is a Beginner who stays actively curious and never quits".

I like the way you do like, instead of making one long hours big project tutorial, you instead guide us to the basic concepts based on most demanded frontend trends like Performance Optimization and React Hook Form the simplified way. Bravo!!

[henrynovoalondono]

Absolutely love these small 10 minute videos. To the point, and learned a whole lot. Thanks

[eshw]

Yo Pedro amazing video as usual. Good to see your still helping us learn to code while your a software engineer at Twitch!

[ramananr]

Hey Thanks Man!!! Currently I am working on a project where performance is crucial. I am glad I came across this video and applied it on my project. Really helpful content, Have a great day.

[MasayaShida]

I have a mediun sized frontend project and this really helps. Thank you

[michaelantoni]

Great performance optimizations, hope you do this kind of videos more.

[cutieshakira]

I didn't know about this concept, thanks for this! also your editing has gotten super clean!

[rahulkhatri]

This is definitely increase your website performance.
I used next/dynamic to import components.

[rahullingan]

Simple and straightforward explanation! excellent work👏

[devmaheremad]

Ohh, Pedro thanks for sharing this with us thank you so much I love that features, please we need a playlist from things like this, thank you

[marvinfok]

Simply & straightforward! Love the explanation!

[softwaredeveloper]

I have always wondered how to implement this🤩. Always learning new things from you.

[antoniobasilio]

você é incrível! Merece todo o sucesso do mundo!

[greimilnunez]

Dude your content is amazing, the way that u explain things is really interesting.

[naveenau]

this is just point to point explanation. Loved it

[enriccogemha]

Great vid! I recognized the Brazilian accent as the it started playing 😆
Keep up the good work!

[anton]

Great information, thank you for posting this video.