React suspense | lazy loading | code splitting | concurrency mode

Подписаться 148 тыс.

Просмотров 31 тыс.

50% 1

React dynamic import , splitting the bundle and loading it using React.lazy and suspense , part - 1 of concurrency mode.
#reactJS #Suspense #concurrency
Sponsored link
★★E-degree to do with Eduonix★★ ( Apply coupon - "TECH20" to get 20% off!)
Full-stack JavaScript E-degree- bit.ly/2Gtyx5F
The Complete Web Development Tutorial Using React and Redux - bit.ly/37AMfzh
Projects in React Native: Learn By Building Real World Apps - bit.ly/2tNVii1
*My Udemy Courses
www.udemy.com/js-masterclass/
www.udemy.com/course/react-ho...
Follow me for technology updates
* / techsith
* / techsith
* / techsith1
* / 13677140
* / patelhemil
Help me translate this video.
* ru-vid.com_cs_...
Note: use translate.google.com/ to translate this video to your language. Let me know once you do that so i can give you credit. Thank you in advance.

Наука

Опубликовано:

1 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 126

@Techsithtube 4 года назад

★★ Please Join: facebook.com/groups/reactLearning/ ★★

@dastngoldenboy5016 4 года назад

I have watched almost all your videos and prepared for interviews. And, I have successfully passed interview as Middle Frontend (React js) developer from EPAM Systems ( is a global product development, digital platform engineering, and digital and product design agency with Fortune 1000 clients located around the world ) Thank you so much !

@autumnleaves9917 4 года назад

Dastn Golden Boy congratulations!

@dastngoldenboy5016 4 года назад

@@autumnleaves9917 thanks

@hamsteroncoffee 4 года назад

Congratulations and have fun in there 😎

@userrrfriendly1908 4 года назад

Congrats on the 💯 k subs! it was a matter of time, your content was great since day one!

@devolee8302 4 года назад

Congrats techsith hitting 100K milestone!! Thanks for your hard work to share amazing resources! All the best!!

@ulquiorraschiffer6166 4 года назад

Congrats on hitting 100K and keep up the awesome work. I just want to add something about React suspense, it has one small UX issue when the fallback loader component shows in an undesirable flashing or flickering way because the tag component loaded quickly. I'm not sure if the react team has this already in their roadmap, but the loadable components library has a delay option in which the fallback is only shown if loading takes more than the delay that is set. As usual great and insightful video, thanks a lot for sharing your knowledge with us :)

@tapesh6617 4 года назад

congrats my friend. you well deserve it, your channel provides valuable material for us React developers

@threedev1683 3 года назад

This is simply the best React tutorial I have ever seen. I keep watching all videos

@donatobaonguis4315 3 года назад

Thank you for this simple, easy to learn tutorial!

@georgeluke6382 4 года назад

Really helpful. Thanks for the clarity!

@youssefmuhamad3213 4 года назад

I'm excited for this series, keep it up

@mahendranath2504 3 года назад

Thank you for amazing content, 👍🏼 congrats for that cool 100k subs

@VarshaFlimz 4 года назад

You are the best we have on Tech topics , thank you for the generosity. Wish you the bestest of best

@cypherLabs 2 года назад

Great helping video. Got a clear understanding of Lazy loading configuration

@Oszczepik 3 года назад

Amazing tutorial. As always :) Keep up the good work.

@sunformoon27 3 года назад

Your all videos are very direct and developer productivity focussed. I learnt a lot of Javascript concepts and techniques from techsith channel. Keep up the good work.

@Techsithtube 3 года назад

Glad to hear that. Keep on learning!

@danielnadar75 2 года назад

Thanks this really cleared my concept on React Suspense and Lazy

@nataliaromankevich2351 4 года назад

Congrats!! Thanks for the great content!!

@eduriseworld 4 года назад

Congratulations @techsith for 100K Hats off to the hard work that you put in.

@Techsithtube 4 года назад

Thanks for watching ! :)

@seanmelodi 4 года назад

Congratz @techsith 🌈

@haroldpepete 3 года назад

Great, you really do a great job, everything is clear and straight

@Techsithtube 3 года назад

Thanks!

@vidhyalongani6521 3 года назад

Congratulations on hitting a milestone in your RU-vid career. May your career grow exponentially!!

@Techsithtube 3 года назад

Thank you so much for an awesome comment.

@vignesh462 4 года назад

Congratulations for 100k subscribers ♥️♥️

@neerajagrawal709 4 года назад

Very nice video, well explained, love the way you explain the thing, you made difficult to easy to understand, keep posting, love you.

@smitank2895 Год назад

Good one...short and simple 👍

@SenthilKumar-ok2qp 3 года назад

super bro.. you are great, all the best :)

@ajbleas 3 года назад

Thanks for sharing! Definitely helpful!

@Techsithtube 3 года назад

Glad it was helpful! Thanks for watching!

@TechBowl 4 года назад

Congratulations for hitting 100K 👍

@chideraachinike7619 3 года назад

Thanks for making this video. It was of great help ❤️

@horaciosoldman1569 4 года назад

Very instructive, thank you!

@Techsithtube 4 года назад

Thank for watching Horacio

@lokeshbajracharya5190 3 года назад

Wow.. you explain things so well.. this is really easy... thanks.. others would say u made my day but i would say you made my project.. thanks!

@Techsithtube 3 года назад

Happy to hear that!

@3jyothi 3 года назад

Congratulations on hitting a milestone :)

@Techsithtube 3 года назад

Thanks for the visit :)

@mohamedsharkawey3847 2 года назад

very nice video man!!

@srinath7318 2 года назад

It's so clear thank you so much

@abiakhil69 4 года назад

Congrats 🔥100k..

@Techsithtube 4 года назад

Thanks for watching Abi.

@user-ky8nq1jb2r 3 года назад

I like the way you explain it

@xXDameanXx 4 года назад

thank you for this! it's exactly what I was looking for

@Techsithtube 4 года назад

Glad it was helpful!

@DoNgocHoan 4 года назад

Great tutorial, thanks

@cancanjaker1620 4 года назад

congratz on hitting 100k subscribers

@Techsithtube 4 года назад

🎉 Thanks for watching!

@praveenkumarax 3 года назад

Super informative :)

@hank91918 3 года назад

very nice, thanks!

@tambolaking5383 4 года назад

Congratulations on 💯 k subscribers. Can you tell me is there anything in redux useContext similar to redux saga?

@ogat8909 3 года назад

Very well explained!

@Techsithtube 3 года назад

Glad it was helpful!

@dudiperetz6458 2 года назад

well done sir.

@muditmathur9178 4 года назад

Congratulations on 100k 🎉🎉

@Techsithtube 4 года назад

Thanks for watching Mudit! :)

@alinawaz4034 4 года назад

Congrats for 100k very good tutorial

@Techsithtube 4 года назад

Thanks for watching Ali! :)

@shauryaverma8780 4 года назад

The Best 👨‍💻

@jeromealtariba7339 4 года назад

congrats for your 100K

@codingworld6762 4 года назад

nice tutorials

@chiranjivmansis1415 3 года назад

Awesome sir

@sumukhakb2701 3 года назад

Simple and clear explanation

@Techsithtube 3 года назад

Thanks for liking

@meowtv10 4 года назад

Amazing!!!!!!!

@brindch8372 4 года назад

Question, when do Lazy loading needed? when only rendering component that calls an API? should I use 2 or more dynamic import in a single component? Congrats for having a hundred subscribers! Thank you!

@Funniestcartoonshorts 3 года назад

This guy is grate !

@GaneshKumar-fv2cg 4 года назад

Congratulations for 100k subscribers 👍

@Techsithtube 4 года назад

Thanks for watching Ganesh! :)

@bhagyashreepani4059 3 года назад

Sir you are just awesome, so easily you provide examples to understand such complex topics. Thanks for spreading knowledge, I would request you to post for learning algorithms and data structures to prepare for big companies.

@shaunak1111 3 года назад

Exactly how to prepare interviews for the likes of apple, Google , amazon etc

@SumitKataria 3 года назад

Thanks for this

@mohdsahil226 4 года назад

Congratulation !! Would you please provide a tutorial on Next.js 9?

@heyimanh 3 года назад

thank you!

@chitvanramani8630 3 года назад

As other people might also use my website so all of them would have to change the netwrk property?

@ayanmukherjee7110 3 года назад

Thanks a lot

@debanjanbasu18 4 года назад

Thanks sir

@FlorinBuga 3 года назад

Thanks for posting educational videos like this. May I suggest using more indicative variable names. E.g. instead of , use 'value' or even better 'title' or 'text' as in . This would help viewers learn to write clean code.

@geneartista9714 3 года назад

worth subscribing for

@vishnu1384 2 года назад

Redux/zustand/recoil/jotai which one is good for state management

@chandramohansannithi4917 4 года назад

Congrats....

@Techsithtube 4 года назад

Thanks Chandra for watching!

@sandrasasi5305 3 года назад

Nice

@jimshtepa5423 2 года назад

with respect to chunks, is it like code is downloaded to the browser fully but is executed in chunks or is downloaded in chunks? if it is downloaded in chunks where is it downloaded from?

@DannyGreatDane 4 года назад

helpful 😊

@alwaysgrowww 4 года назад

What is ur vscode theme? Can u share all ur extensions and settings by putting those in ur github?

@sayedabdulkarim7086 4 года назад

to show some loader before fetching data we can use some conditional statements , without using lazy load. So is der any difference ?

@pranavbhagwat9758 3 года назад

samequestion, did you get a answer to this ?

@sayedabdulkarim7086 3 года назад

@@pranavbhagwat9758 still waiting bro:)>

@pranavbhagwat9758 3 года назад

@@sayedabdulkarim7086 The only difference is that it splits a single huge chunks into many smaller chunks depending upon the number of components using lazy loading. It loads only main chunk at start.

@cvvkshcv 4 года назад

1st comment! 1st like.. Nice to see 100k subs! Continue ur great job

@Techsithtube 4 года назад

★★E-degree to do with Eduonix★★ ( Apply coupon - "TECH20" to get 20% off!) Full-stack JavaScript E-degree- bit.ly/2Gtyx5F The Complete Web Development Tutorial Using React and Redux - bit.ly/37AMfzh Projects in React Native: Learn By Building Real World Apps - bit.ly/2tNVii1

@sanjanind 4 года назад

techsith it is same as this video ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-tV9gvls8IP8.html , what is the difference??

@tambolaking5383 4 года назад

What is the best library for react animations?

@VigneshwaranChandrasekaranA 4 года назад

Vrunda ONE react motion

@GodsDevil5thF 4 года назад

nice, will you update the udemy course with this to ?

@Techsithtube 4 года назад

Yes, that is the plan to update the udemy course based on newer version .

@hamsteroncoffee 4 года назад

This was very interesting! Thanks for all the information! And congratulations for hitting 100k! You deserve waaaay more😎🆙⬆️🔝

@urajgogoi5905 4 года назад

if you want, give a video on image lazy loading, it will be grate

@mdnurullah9882 2 года назад

sir, whats your vscode theme names?

@shashikantsharma3551 4 года назад

Can you make videos on webassembly. What is the problem it's solving and is it really going to kill JavaScript frameworks ? To be specific ReactJS. Also, should new developers learn ReactJS.

@VigneshwaranChandrasekaranA 4 года назад

Shashikant Sharma 😂🤣

@Techsithtube 4 года назад

I already have a video on webAssembly and its impact on javaScript. Do check it out.

@tambolaking5383 4 года назад

Which is better? React Material or React Bootstrap?

@VigneshwaranChandrasekaranA 4 года назад

Vrunda ONE react bootstrap

@tambolaking5383 4 года назад

@@VigneshwaranChandrasekaranA please give reasons too. Or my confusion remains where it is.

@mohsanabbas6835 4 года назад

React material is what we using but it comes with consequences you have to depend on third party code base. But it has really good documents with components built with hooks and classes. Meanwhile if you are learning take a look at style components and tailwind.

@tambolaking5383 4 года назад

@@mohsanabbas6835 i know styled components. It's not a css framework. Plus it makes the code far more complicated. Helps in dynamic css but the returns are not that significant. For dynamic css i insteas use inline css in jsx. What is tailwaind?

@alinawaz4034 4 года назад

@@tambolaking5383 it is a css framework too go and search it online and you will get a better understanding how it differ from other frameworks like bootstrap

@madiyarabdukhashimov8570 3 года назад

Nice comment

@Techsithtube 3 года назад

Thanks for watching!

@madiyarabdukhashimov8570 3 года назад

@@Techsithtube Hey Byt the way your videos only the ones which I watch without looking at thumbnail. I just tried watch them without judging the thumbnail's memes and just remembered channel name. Thanks for good content

@shishirrai1069 2 года назад

What's the name of vs code theme

@terryq5995 9 месяцев назад

please come back

@srinaththota3084 3 года назад

1000 likes

@waqasrana5734 3 года назад

sir suspense disturbing my performance by hiding my all component from view page source please help neeed solution

@Techsithtube 3 года назад

Can you tell me what is the exact problem. I can help you but I need more information on what is your code and what is exactly happening

@waqasrana5734 3 года назад

@@Techsithtube sir actually there was error that next does not support suspense , so imported loader/component that doesn't suspense and also enable us to import dynamically and i solved by asking to my senior thank you so much you are doing great here by guiding us