This tutorial should help you get started with React 18, walk you through upgrading your previous codebases, and give examples of some of the issues you may encounter after the upgrade. StrictMode has a significant change that generates many questions. I address that change and highlight a few others that may impact your prior projects. If you're just getting started with React, I suggest working through my React.js for Beginners course first: ruclips.net/video/RVFAyFWO4go/видео.html
@@DaveGrayTeachesCode Awesome! Can you make a full stack app using this latest version of react? Coz I'd only seen a courses/tutorials for v17 and below even though they included 2022 on their title. :(
@@DaveGrayTeachesCode That was lit! Surely we your fans will definitely excited to seeing your "MERN full stack project with React 18" mad respect for you dave!
Another great video, thanks for covering this. As mentioned elsewhere I've just taken over a react project at work and it's in v16... :( -- but I plan on upgrading it, so this will come in use.
This a very helpful type of video, If I may quote something, I'll say: "Are you keeping up with Dave? Cause Dave is keeping up with you!" Not sure you get it but this was a Commodore promo, Thanks Dave,
@@DaveGrayTeachesCode Thanks my friend, It was very hard/busy days for me recently, I loved Amiga 600 so much but never had a chance to touch one, all I can afford back in the days was a lovely MSX1 machine (second hand), I still have it and I still love it, it was my intro to programming. So nostalgic about that ear😌
Hello Mr. Gray, I have only watched few videos of yours, the structure of them is very elegant, thought process of explaining them is highly clear. I would like you to write a book, putting these things together of making a full fledged fullstack app. The app shall consists of in-house developed things, you know there are lot of other things, they put firebase and they wrap things up. I mean they are nice but they lack some sause. What do you think about this ?
Nice video. btw i watched your video react jwt authentication, you used context API for state management. Can you please do a quick tutorial with redux toolkit to store jwt token on client side? Thanks you.
Excellent as usual! And this certainly was useful in response to my question on the last video I commented on! Looks like I've found my new number 1 guru. Sorry Brad! 😋
Hi, thanks for the video! I have another issue though. After page reload, my app shows 'cancelled' text for a moment, and then the joke itself. Any ideas how to fix that on localhost? Thanks!
This tutorial should help you get started with React 18, walk you through upgrading your previous codebases, and give examples of some of the issues you may encounter after the upgrade. StrictMode has a significant change that generates many questions. I address that change and highlight a few others that may impact your prior projects. If you're just getting started with React, I suggest working through my React.js for Beginners course first: ruclips.net/video/RVFAyFWO4go/видео.html
finally there's someone who tackle this version of react. Thank you so much Dave.
You're welcome, Rico! 🙏🚀
@@DaveGrayTeachesCode Awesome! Can you make a full stack app using this latest version of react? Coz I'd only seen a courses/tutorials for v17 and below even though they included 2022 on their title. :(
@@domieSinday yes, I plan to publish a MERN full stack project with React 18.
@@DaveGrayTeachesCode That was lit! Surely we your fans will definitely excited to seeing your "MERN full stack project with React 18" mad respect for you dave!
Another great video, thanks for covering this. As mentioned elsewhere I've just taken over a react project at work and it's in v16... :( -- but I plan on upgrading it, so this will come in use.
You're next level dude
Thank you, Wahab! 🙏
This a very helpful type of video,
If I may quote something, I'll say:
"Are you keeping up with Dave? Cause Dave is keeping up with you!"
Not sure you get it but this was a Commodore promo,
Thanks Dave,
Thank you, Ahmad and good to hear from you, my friend! Is that for the Commodore 64? We're going way back in time! Maybe the Amiga 😄
@@DaveGrayTeachesCode Thanks my friend, It was very hard/busy days for me recently,
I loved Amiga 600 so much but never had a chance to touch one, all I can afford back in the days was a lovely MSX1 machine (second hand), I still have it and I still love it, it was my intro to programming.
So nostalgic about that ear😌
Dave again here! Thanks for uploading great content...
You're welcome, Aly! 💯
Hello Mr. Gray, I have only watched few videos of yours, the structure of them is very elegant, thought process of explaining them is highly clear. I would like you to write a book, putting these things together of making a full fledged fullstack app.
The app shall consists of in-house developed things, you know there are lot of other things, they put firebase and they wrap things up. I mean they are nice but they lack some sause.
What do you think about this ?
Thank you for the request! I do want to write an ebook and put together a premium course. I need to make these goals a priority. 💯🚀
@@DaveGrayTeachesCode I'll buy 5 of em for me and my friends
awesome video. Is there similar video about changes in next js version
Thank you! 🙏 I have not made a similar video for Next.js, but I am looking forward to a Next.js series later this year. 🚀
Nice video. btw i watched your video react jwt authentication, you used context API for state management. Can you please do a quick tutorial with redux toolkit to store jwt token on client side? Thanks you.
I will do this soon 💯 Thank you for the request!
Excellent as usual! And this certainly was useful in response to my question on the last video I commented on! Looks like I've found my new number 1 guru. Sorry Brad! 😋
Glad to help! And wow, I've got BIG shoes to fill! I appreciate the kind words 🙏
Amazing!
Thank you! 🙏🙏
Thank you for you work!
You're welcome!
Awesome explanation! What is your vs code icon pack name?
vscode-icons 💯
loved it
Thank you, Dharmesh! 🙏
Sir can you please make a video on frontend interview for fresher 🙂 ?
Thank you for the request!
How to chance formik initialState values based on stateChanges inside useEffect? (multiple values at onces)
Thanks for the request! I should make a video or two with formik.
Hi, thanks for the video! I have another issue though. After page reload, my app shows 'cancelled' text for a moment, and then the joke itself. Any ideas how to fix that on localhost? Thanks!
Sounds like you are experiencing the double mount introduced with strict mode in React 18. The fix is here: ruclips.net/video/81faZzp18NM/видео.html
Why react render two times in development mode i really don't understand this point and is that can break my code after deploy it in hosting
That is a new feature of Strict Mode. I tried to cover this well in the video. It is only in development mode when Strict Mode is applied.
would be better if you could add file and folder structure in React 18
No need to change the folder and file structure you were previously using with other versions.