Exploring React 19 Features - use() Hook, Actions & More

[@codelure]

I think it covered all the stuffs, i think this the only video on youtube which have great content, other videos just making fool without understanding react19. Thanks brad❤

[@philippearras8154]

Thank you Brad. All the work you do !

[@brianbeal9206]

I'm ready for Traversy radio - I could listen to this dude all day

[@eleah2665]

Brad is still the king. Over 2 million subscribers. Thanks.

[@webdevluc]

Great video Brad. Thanks for making and sharing it

[@psychodelic42]

you were the pilar of staring my journay of a web dev. Some time now I didn't came to your channel but I'm happy to see you are back in the game!! Lucking sharp mate, hope you are doing well !!!

[@AlexanderBelov-y8o]

Woah man! You are the first one on KZbin to make a tutorial on React 19! You are the GOAT.

[@aunghtetlinn6071]

This saved me so much time catching up with React 19. Thanks a lot Brad

[@CodeMouse_222]

Thank you so much for such a clear inresting video! It helps a lot 🤝

[@acidrifrancis15]

You guy are doing tremendous work. i love the way each and every project you drop is giving us insight.

[@bogdanmarian3786]

Brad is the man! Thank you for your efforts and continuous learning materials!

[@ceralguy85]

Great video Brad, thank you for always support the tech community by sharing this great content

[@munna5553]

You're are ahead of time😊😊

[@r-i-ch]

Thanks for showing these all instead of the cursory review.

[@haciendadad]

Great job on this video! Thanks Brad!!

[@SaifulIslam-ql6eb]

I'm excited about react compiler.

[@ziggy-dev]

Minor thing, 13:09: Regardless of the use() hook, you wouldn't have to `return await res.json()`. (Unless you're using a try/catch)

[@engsiyad]

I see a lot of Next js staff in the update. Thanks for the update brad.

[@matagaralph]

Yeah coz most of the React core dev team are now part of the Nextjs development team at Vercel.

[@abhaykumar9806]

At 33:20, why do you have a id in a input type hidden, when it can be passed from the prop value into the callback addToCart similar to title? I totally understand that you are trying to create an example to use formData inside a child component, but here it looks like an overkill.

[@Racine14]

Thank you #travesy for this video.

[@devjourney8583]

this is great, thank you Brad!

[@abhaykumar9806]

Overall, great video. Worth watching. Thanks for sharing!

[@jamcmich]

I was reading about this the other day. Apparently using subsequent commas in an array is a method for omitting array indices. In different contexts, this method's omitted values will sometimes be read as undefined.

[@larrytron1992]

I'm really looking forward to React 19. It'll be nice to revisit after spending so long with Next JS

[@elpolodiablo5486]

NextJS is built on top of React.

[@stephenadeoye8370]

Thank you so much for sharing this.

[@WanKy182]

33:02 it doesn't look good creating hidden input in order to pass id to formData, why we can't just pass it as param?

[@BijanProgrammer]

Thank you for this comprehensive video.

[@Salah-YT]

thank u so much 🥰👍

[@lucadifazio2735]

So what's the difference between form action and form onSubmit?

[@_Blackwolf_01]

Thanks sir i'm currently learning your DSA course and it iz amazing

[@birsingh5388]

He always makes great videos

[@_Blackwolf_01]

@@birsingh5388 like hitesh sir

[@zaibali254]

Can you share link of this course

[@avneet12284]

Nice. I see an example for useTransition in the repo. Would be nice to get a video on it if you get some time.

[@张宁-v4y]

Thank you video Brad

[@Faatihahmed]

Great video as usual. I hope i will my first dev app

[@GeraldOlumideBMmagazine]

When using “use” and “ Suspense” for the first and second examples of this video, I can see that you were able to display the data and there is a loading state too with the help of Suspense hook, but how do you handle a case when the post can’t be fetched, how do you show error message back ?

[@manishkeer8338]

Thanks for the video, just have one question how we will handle error cases with use(fetch(...)) and suspense (for API calls)

[@PeterSahanaya]

You can warp the Suspense with ErrorBoundary which it's available by npm install react-error-boundary

[@yman_kh]

Great video Brad. Thanks for making and sharing it. Are you planning to update the react course on your website?

[@Immelstorn]

In the first example hook use() triggers 4 times and i don't see a way to fix it. Am i missing something? Also to run the code you need to use yarn (npm isn't able to handle conflicts). And manually install experimental versions after it (you will get react/jsx-runtime errors without it)

[@jayantsharma2669]

I haven't tried this, but I have this question what if I only want to fetch the data only once, but on every re-render the use hook will fetch the data

[@ahmedchouihi]

Thanks Brad for the tutorial , but which course should I have read before this tutorial ? Can you mention one or more of the helpful videos ? Thanks and good luck

[@skverskk]

Great new React features. And, great presentation with real example code.

[@danielcornejodev]

Brad, in the useExample 1 and 2, I see that you are no longer using a catch method for error handling. Wouldn't you want to keep that in the fetch data call?

[@XviSi0nplays]

eine der besten folgen seit langem

[@rudolfferenckovacs812]

Thank you Brad!

[@vladoks7965]

Are you going to make Laravel course on Udemy?

[@tahir-uddin-ahmed]

Really need laravel course.

[@brencancer]

Thanks for the effort sir, will React 19 affect React Native?

[@daljeetsingh5127]

Great video Thanks

[@jesse-c5y]

i think tanstack useQuery is still superior for fetching data but i do like that 'use' can be used inside a conditional which has bugged me a lot with previous react where i'm forced to load data i don't need because of that no condition rule

[@alvaro-escalante-naves]

How would you call the fetchData from an onclick event using 'use'?

[@JohnReyBaylen]

Note: React.useActionState was previously called ReactDOM.useFormState in the Canary releases, but we’ve renamed it and deprecated useFormState. - From React Doc

[@mayankomar1616]

how do we handle Errors using usehook

[@handsoncoding7693]

Nice one Brad.

[@alexdin1565]

Thanks for this videos as always best content please I have a question can we use Next Js with Django?

[@xzex2609]

the repository can not be cloned : experimental versions had problem can we install react 19 instead ?

[@gametechz_]

not able to import use hook. Can anyone help ? How can i use it in my react 19 project

[@asifahmed6568]

Thank you Brad

[@nro337]

great video!!

[@ceralguy85]

Brad there is an error related with a conflict between react-router-doom and react experimental version. Do you know which version of react-router-dom we need to install ?

[@martygo]

Awesome 🤩.

[@abdulsiyadnp]

Wow, this is a Gem.

[@jameskirk5914]

brad the GOAT

[@Zeeshan-oi1vj]

Great video, skipping unnecessary part was good

[@PeterScream]

nothing wrong with the longer videos mate

[@IDOGADAN]

Please do authentication with react please

[@lakshyarajdash]

Hey Brad I want you to make a video on MEAN stack. I want to make my portfolio website using MEAN stack.❤

[@boundless_nomad]

as of now after stable relaease i am getting refecting data even i copy paste original code hope someone will respond "use" hook making repeated fetch operations without rendering data just getting "loading" msgs and on while debug its too many fetch operations

[@harsimothukuri155]

Brad u r my motivation

[@michaelcyber4584]

Great 🎉

[@doug774]

Awesome

[@2pacgamer]

Thx :)

[@s1n7ax]

Nice

[@HousseinDroubi-o9i]

Hey man,

[@cusematt23]

Does anyone know the "official" production release of react 19? Apols if i missed in video.

[@OCEMTechZone]

🎉

[@amiracademy464]

❤

[@sanukjoseph]

💓

[@CeezGeez]

14:33 lolol

[@abddulrahmanas]

Is it worth learning React while there are "better" ones like Vue.js and Svelte? It seems everyone hates React and Next.js.

[@QuadLead]

Laravel (:

[@kim92se64]

24

[@skzahirulislam2820]

1st

[@notchraiser4246]

useOptimistic is quite confusing explaination

[@Chris-qg6kc]

What is the point of the react team pushing nextjs if they would continue to make updates? Next has eaten their lunch already

[@bla4224]

Informational: yes, good, thanx. Code style: terrible. E.g. you say, "writing a function" but actually you declare a constant, which refers to an anonymous function. Strange. Why do you not write `function blabla() {}'? Declaring everything as a const is certainly allowed, but hurts readability and proper understanding of the code tremendously. Also hard-coding the view (e.g. using the tailwind non-sense) is - not only IMHO - bad style (and actually wrt. this demos absolute overhead, not needed at all, disturbing). Giving a component 1 or 2 proper class names or/and ID is sufficient to write a proper CSS detached from the actual code, like in a separate css file using standard CSS selectors and thus giving users (and yourself) a chance to re-style the pages in an efficient and easy way. One can see in your demos, what a bloat the tailwind usage already creates - and these are small examples, only ...

[@abhaykumar9806]

Funny, I tried to create a vite using typescript and I am not able to do `npm i -D @types/react@experimental @types/react-dom@experimental`. Any idea how can I do that @brad? When I specify the exact experimental version, I am only able to install the @types/react, but not @types/react-dom. And that is also not working

[@akoskm]

Hey, I think I can help you out here! I made a video about setting up React 19 with Vite, including the types! kzbin.info/www/bejne/npSWiIaEnZKBbNksi=Q8GePu8elPg8KDr3 let me know if you need more help with this!!

[@wanai9062]

You can view the comments for this file `types/react/ts5.0/canary.d.ts` on `@types/react`

[@akoskm]

There's an alternative way to add the canary version by going to the npm website searching for react, and picking a version with the canary tag. I made a short video about how you can do this: kzbin.info/www/bejne/npSWiIaEnZKBbNk

[@tomm5765]

The canary types are in the regular @types/react package to enable them modify your tsconfig.json and add "types": ["react/canary"]. Haven't tried with experimental, maybe just react/experimental

[@abddulrahmanas]

Is it worth learning React while there are "better" ones like Vue.js and Svelte? It seems everyone hates React and Next.js.

[@yousufhossain9768]

next js is amazing what are you talking about