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

[@Bertoos8]

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

[@PedroTechnologies]

Glad you enjoy it!

[@SvetaSveta-ms4hi]

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 🙏

[@saishanmukh1583]

Thank you pedro for making it easy for us!

[@imrock1]

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

[@amineichou4910]

You the best !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! thank you so much bro ❤

[@PedroTechnologies]

You're welcome!

[@sinaukode]

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

[@33v4.]

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

[@Indialoves1]

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

[@denisotimguitar]

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

[@psydook]

Thanks for the update !! Keep it going

[@universecode1101]

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

[@PedroTechnologies]

Definitely an improvement!!

[@rhiannonmonks6894]

Again, amazing video, thank you so much

[@friendshipwithjavascript]

Always Awesome Content ..

[@georgeolufemi4285]

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 kkkkkk parabéns pelo conteúdo

[@SiCrip09]

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

[@hayderjabur6258]

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!) }

[@sgtduckduck]

Did you not keep listening?

[@riantritiyanuar9237]

Great video, great explaination. Keep it up!

[@abc_cba]

Exactly, what I wanted. Thanks.

[@ThColinPereira]

So good!

[@GabrielMartinez-ez9ue]

Excellent video

[@aryamitrachaudhuri6564]

amazing video! learned a lot ! thanks !

[@tech3425]

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?

[@PedroTechnologies]

That is called optional chaining! It basically replaces me needing to write data && data.map(...)

[@tech3425]

@@PedroTechnologies Just what I was looking for

[@SonAyoD]

Great video!

[@suryaashish2019]

Dope🔥🔥🔥🔥🔥🔥

[@robertmacwan8144]

thanks

[@SecretEyeSpot]

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

[@mohammedajmalfayizp8551]

nice..man

[@abrarzahid55]

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.

[@PedroTechnologies]

Thank you so much!! I don't allow translations cause its just the same content hahaha you can recreate the video with you talking if you are interested!

[@ayomidestephen3234]

suspense is definately the best update in this react 18

[@muhsinabbas1181]

Great make like this for react native

[@avi7278]

I don't understand why they did it this way. I would much rather something like ` usePriority` hook to wrap the update that should be favored rather than wrapping updates that can be deferred. It's much easier to reason about and from experience I know that there are a lot less cases where I need to prioritize an update as opposed to where I need to defer it. What if that input changes triggers 5 other expensive updates, am I to wrap each of those in `useTransition`? It would make more sense to wrap the input update in `usePriority` in one place instead of five.

[@vinothkumarv9722]

wow amazing... One big doubts.... automatic batching concepts.. is added in the react lib itself... like this is understood I am a right????? anyone asnware my above questions please

[@az1nn]

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

[@BobbyBundlez]

if any of the nested components are returning a promise the fallback shows . If that promise gets resolved or rejected the children component will handle whatever is meant to be rendered in that case. It's really just a way to have a global fallback rendering rather than setting up a bunch of "loading...' fallbacks in each child component... I just learned suspense so I know this is at least partly what it does and why it triggers lol

[@BobbyBundlez]

did NOT know about the batching thing. that is actually f**cking such common sense can't believe it took this long for them to do that change LOL

[@Salah-YT]

bro can u make React 18 crash course for about 2 or 3 hours and make one small project before finishing the video ok thx

[@gabrielstiffler1488]

I know this is not React-releated but I noticed that you are using the new axios version, 27.2. I was wondering how did you fix the issue the bug with it? Sorry to bother

[@mrlectus]

I can already see some use case for useTransition hook. But am going to use it for evil!!!

[@akj3344]

So suspense works kinda like Promise.all but for components.

[@mehrdad1068]

Please make tutorial for post views 👁️

[@nicodipi]

This video is Delicious

[@gadhekaranm3871]

Hi I need your help

[@BHVampireLF]

The new createRoot is useless compared to the render method, a lot of things became useless without an option to fix them.

[@bigmistqke]

Mm?

[@levyroth]

So the React I barely learned is already obsolete? Muahaha

[@PedroTechnologies]

Don't worry hahaha its not obsolete! Most people won't have to change anything, most changes are useful for more advanced stuff.

[@thenod0]