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❤
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 !!!
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.
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.
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
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)
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
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?
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 ?
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 ?
Note: React.useActionState was previously called ReactDOM.useFormState in the Canary releases, but we’ve renamed it and deprecated useFormState. - From React Doc
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
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
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 ...
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
Hey, I think I can help you out here! I made a video about setting up React 19 with Vite, including the types! ruclips.net/video/hc3WSNh-N6w/видео.htmlsi=Q8GePu8elPg8KDr3 let me know if you need more help with this!!
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: ruclips.net/video/hc3WSNh-N6w/видео.html
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
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❤
I'm ready for Traversy radio - I could listen to this dude all day
Thank you Brad. All the work you do !
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 !!!
Brad is still the king. Over 2 million subscribers. Thanks.
Great video Brad. Thanks for making and sharing it
You're are ahead of time😊😊
Woah man! You are the first one on RUclips to make a tutorial on React 19! You are the GOAT.
Great video Brad, thank you for always support the tech community by sharing this great content
This saved me so much time catching up with React 19. Thanks a lot Brad
You guy are doing tremendous work. i love the way each and every project you drop is giving us insight.
Thanks for showing these all instead of the cursory review.
Brad is the man! Thank you for your efforts and continuous learning materials!
I'm excited about react compiler.
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.
Great job on this video! Thanks Brad!!
Thank you so much for such a clear inresting video! It helps a lot 🤝
I see a lot of Next js staff in the update. Thanks for the update brad.
Yeah coz most of the React core dev team are now part of the Nextjs development team at Vercel.
eine der besten folgen seit langem
Thank you #travesy for this video.
this is great, thank you Brad!
I'm really looking forward to React 19. It'll be nice to revisit after spending so long with Next JS
NextJS is built on top of React.
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)
Great video Brad. Thanks for making and sharing it. Are you planning to update the react course on your website?
Overall, great video. Worth watching. Thanks for sharing!
Thank you video Brad
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?
Thanks sir i'm currently learning your DSA course and it iz amazing
He always makes great videos
@@birsingh5388 like hitesh sir
Can you share link of this course
Thank you so much for sharing this.
Thank you for this comprehensive video.
Great video as usual. I hope i will my first dev app
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.
thank u so much 🥰👍
So what's the difference between form action and form onSubmit?
Nice. I see an example for useTransition in the repo. Would be nice to get a video on it if you get some time.
Thanks for the video, just have one question how we will handle error cases with use(fetch(...)) and suspense (for API calls)
You can warp the Suspense with ErrorBoundary which it's available by npm install react-error-boundary
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
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)
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
Thank you Brad!
brad the GOAT
Nice one Brad.
Are you going to make Laravel course on Udemy?
Really need laravel course.
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?
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 ?
Awesome 🤩.
Wow, this is a Gem.
Great video Thanks
Great new React features. And, great presentation with real example code.
great video!!
Thank you Brad
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 ?
Thanks for the effort sir, will React 19 affect React Native?
Note: React.useActionState was previously called ReactDOM.useFormState in the Canary releases, but we’ve renamed it and deprecated useFormState. - From React Doc
Thanks for this videos as always best content
please I have a question can we use Next Js with Django?
How would you call the fetchData from an onclick event using 'use'?
Great video, skipping unnecessary part was good
nothing wrong with the longer videos mate
Brad u r my motivation
Nice
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
the repository can not be cloned : experimental versions had problem can we install react 19 instead ?
Great 🎉
Awesome
Thx :)
how do we handle Errors using usehook
not able to import use hook. Can anyone help ? How can i use it in my react 19 project
Hey Brad I want you to make a video on MEAN stack. I want to make my portfolio website using MEAN stack.❤
❤
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
Hey man,
Please do authentication with react please
💓
🎉
Does anyone know the "official" production release of react 19? Apols if i missed in video.
1st
14:33 lolol
Is it worth learning React while there are "better" ones like Vue.js and Svelte?
It seems everyone hates React and Next.js.
Laravel (:
24
What is the point of the react team pushing nextjs if they would continue to make updates? Next has eaten their lunch already
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 ...
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
Hey, I think I can help you out here! I made a video about setting up React 19 with Vite, including the types! ruclips.net/video/hc3WSNh-N6w/видео.htmlsi=Q8GePu8elPg8KDr3 let me know if you need more help with this!!
You can view the comments for this file `types/react/ts5.0/canary.d.ts` on `@types/react`
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: ruclips.net/video/hc3WSNh-N6w/видео.html
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
Is it worth learning React while there are "better" ones like Vue.js and Svelte?
It seems everyone hates React and Next.js.
next js is amazing what are you talking about