React 18 - Everything You Need To Know - Migrating from v17

React 18 got released a couple of days ago! If you haven't seen blogs or other videos featuring the big changes coming up to React, in this video, we will go in detail about what React 18 is bringing to the table to the React ecosystem and what are the changes you need to keep an eye on In order to migrate from v17 or v16.

⭐ Timestamps ⭐
00:00 Intro
00:27 ReactDOM Methods are Deprecated and a new API
02:49 Migrating from V16, 17 to V18
05:31 React Concurrent Rendering
07:38 Batching React State Update on All types of Events
11:33 Strictier StrictMode
13:26 SSR & Suspense
14:05 Internet Explorer and React

🧭 Turn Design into React Code | From prototype to Full website in no time

🧭 Watch Tutorial on Designing the website on Figma

🧭 Watch Create a Modern React Login/Register Form with smooth Animations

🧭 Debug React Apps Like a Pro | Master Debugging from Zero to Hero with Chrome DevTools

🧭 Master React Like Pro w/ Redux, Typescript, and GraphQL | Beginner to Advanced in React

🧭 Learn Redux For Beginners | React Redux from Zero To Hero to build a real-world app

🧭 Build Login/Register API Server w/ Authentication | JWT Express AUTH using Passport.JS and Sequelize

🧭 Introduction to GraphQL with Apollo and React

Made with 💗 by Coderone

[peoplebehindindustry]

Thank you CodeOne for this intro. Very useful video!!!

[branislavpavkovic]

Is this accurate in 2024 ? or v18.3.1 has way more updates ?

[dhruvibac]

Can you please send the link of figma? for the comparison?

[gautamchaudhary]

Strict mode will not work with react-router v5, can you create a video on how to update react-router v5 to v6?

[RakeshBitling]

but react 17.0.2 to 18 is very challenging lot of breaking code changes. any other links and sugegstions. this one shown by you awesome but mine using nextjs 12.2.3 version with react 17

[antisocial]

Guys, you can throw me links to the git for these projects, or to those where you can apply new products (such as the react 18 feature in question at 7:20 or 7:50), I was given the task at the university to compare react 17 and react 18 with examples.I will be very grateful for your help.Now there is simply not enough time to study, the lights are constantly turned off due to shelling.

[WarframeCrunch]

I found a great tutorial of React, it was really simple that pushed me to start a learning on react, then with my first try of rendering a simple code ERROR in console.
Reacy 18 no longer support ReactDOM and gone to documentation of reacy 17 vs react 18 codes and now I DO NOT FOKIN UNDERSTAND IT AT ALL....

[kestrel]

Amazing! Can you share the name of the inline autocomplete vscode extension, please?

[jerickalegarbes]

I hate React 18. Every time I use components they now have dependency issues or the components don't install at all. What is going on???

[MrEnsiferum]

Interesting can be now, how kids will yelling how streaming SSR is the best one, next.js is crap of something... and u can make streaming with rxjs but that sucks...