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
• Turn Design into React...
🧭 Watch Tutorial on Designing the website on Figma
• I Design a onecolor We...
🧭 Watch Create a Modern React Login/Register Form with smooth Animations
• Create a Modern React ...
🧭 Debug React Apps Like a Pro | Master Debugging from Zero to Hero with Chrome DevTools
• Debug React Apps Like ...
🧭 Master React Like Pro w/ Redux, Typescript, and GraphQL | Beginner to Advanced in React
• Master React Like Pro ...
🧭 Learn Redux For Beginners | React Redux from Zero To Hero to build a real-world app
• Debug React Apps Like ...
🧭 Build Login/Register API Server w/ Authentication | JWT Express AUTH using Passport.JS and Sequelize
• Build Login/Register A...
🧭 Introduction to GraphQL with Apollo and React
• Introduction to GraphQ...
🐦 Follow me on Twitter: / ipenywis
💻 Github Profile: github.com/ipenywis
Made with 💗 by Coderone
Пікірлер: 23
Thank you CodeOne for this intro. Very useful video!!!
Thank you for this intro !
Nice video, thanks!
thanks for the content.
Great video
perfect
Can you please send the link of figma? for the comparison?
Strict mode will not work with react-router v5 , can you create a video on how to update react-router v5 to v6?
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....
@arfazshaikh907
2 жыл бұрын
it may be caused by some other package which you are using, in my case i was using chakra-ui some of it's packages were throwing that error. I just installed the latest version of chakra it worked
👍👍
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
Is this accurate in 2024 ? or v18.3.1 has way more updates ?
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.
Amazing! Can you share the name of the inline autocomplete vscode extension, please?
@alphacent5415
2 жыл бұрын
I think that's git copilot
Vscode theme?
@ivohlinomaz477
2 жыл бұрын
please, tell us the theme. it looks great
@stavroskois9656
2 жыл бұрын
probably Cobalt2
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???
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...
There are so many errors in console
figma link : www.figma.com/file/5GidYV8Q4ZmbNBJwhR8qUB/React-18-Changes?node-id=0%3A1