React 18 Overview - What Changed? Concurrency, Transitions, Suspense...

In this video I will go over all the new changes to react 18. This version brought a lot of changes such as the introduction of the Suspense component, and the ability to concurrently render components.

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

TimeStamps
–
00:00 - Intro
02:37 - Automatic Batching
04:45 - UseId Hook
07:45 - Concurrency In React
11:42 - UseTransition Hook
17:21 - Suspense
–

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

#reactjs #react18

[Bertoos]

Again! Thank you very much. Fresh content is always welcome!

[SvetaSveta-mshi]

I was legit looking for a comprehensive video on React 18, you're reading my mind 😂 Thanks a bunch! Btw, I love that you've ramped up the quality of your content. Way to go! I'm with you from the very beggining, so it makes me happy that you don't rest on your laurels and keep improving. The amount of effort you put into making such freaking great videos is insane. I appreciate that 🙏

[saishanmukh]

Thank you pedro for making it easy for us!

[universecode]

React 18 is a new chapter for us, Frontend in Js - React 😜 Nice video Pedro

[imsidrock]

No secondary thought.... Absolutely a great video with lots of perfaction 👍

[v.]

um dos primeiros a falar sobre concurrency in React 18! e sempre uma explicação maravilhosa, amo ver um Br arrasando woooo

[denisotimguitar]

This is brilliant 🤓! Thanks for the tutorial!🔥🔥🔥

[sinaukode]

Always love your content, how you explain the concept is great, please keep making these kind of video

[hayderjabur]

Thank you for your tutorials, just small note that react already use patching but not with promises so function handleClick() {
setCount(c => c + 1);
setFlag(f => !f);
// React will only re-render once at the end (that's batching!)
}

[SiCrip]

Now I understand how the useTransition hook works, your example was really good. It is like a pending fetch call for state ☕

[Indialoves]

Great video, very knowledgable. Suspense is amazing. I appreciate your effort. Thanks...

[psydook]

Thanks for the update !! Keep it going

[rhiannonmonks]

Again, amazing video, thank you so much

[georgeolufemi]

Great content. I hope you see to other video suggestions and do justice to them 😁

[leomelegari]

Pô, valeu demais por essas explicações. Principalmente da nova feature Suspense, estava meio perdido nela parabéns pelo conteúdo

[riantritiyanuar]

Great video, great explaination. Keep it up!

[aznn]

great video as always! Would be nice to see more deeply what "triggers" the fallback component, im having such a bad time triyng to understand how it works

[SecretEyeSpot]

If you've started developing a project using React 16. Do you have to begin migrating immediately. Or how does this work?

[tech]

What's that on line 12 at 18:31 ? data?.map(....). That sounds like a neat way to use the ternary operator. But I can't get it to work on my system. How does that work?

[abrarzahid]

The video is just Awesome. it's clear and precise. you have a good teaching skills. thanks for sharing the knowledge. would you mind if I'd translate this video into another language, will give a shoutout to your channel and would be transparent about the source of the material.