React.js just got a major upgrade

Рет қаралды 88,936

3 ай бұрын

Are you confused where to start coding/what to learn/what roadmap to take? Take this free 2 minute quiz: codedamn.com/career-path-quiz
👉 Checkout codedamn on social:
✨ Instagram: cdm.sh/ig
✨ Twitter: cdm.sh/twt
If you found the video valuable, please leave a like and subscribe ❤️ It helps the channel grow and helps us push out more valuable content.
✨ Tags ✨
#reactjs

Пікірлер: 94

@GoD_LoRD04 3 ай бұрын

00:02 React.js is getting a major upgrade with noticeable changes in how it works 01:55 React.js enables seamless testing and polishing of products within production environment. 03:46 React.js introduces new memo APIs for better performance 05:32 React's approach to UI as a simple function of state with standard JavaScript values and items is a key part of its accessibility to developers. 07:17 Enabling strict mode and configuring React's ES Lint plugins is important for ensuring code follows React rules. 09:09 Actions in React.js enables server-side execution 10:55 Optimistic UI is about handling backend calls in a fast and efficient manner. 12:40 React.js has added support for document metadata and subpoints on release of React 19.

@rajesht9702 3 ай бұрын

Excited, thanks for making this video.

@inderjotsingh5868 3 ай бұрын

@codedamn Next js caching is a bit complicated to wrap head around, can you make a video about it.

@dangi.jitendra 3 ай бұрын

Nicely explained, loved it

@rickdutta942 3 ай бұрын

They are using it on production. So i think and as you've also said, it will come out in a polished manner.

@Sandeep-zd6dq 3 ай бұрын

Well this is really helpful because we have to memoize a lot of stuff even in small projects 🙌

@princeofpersiaize 3 ай бұрын

Really? I almost never memoize and the performance of my projects is perfectly fine. Are you sure you are not falling into the trap of premature optimization?

@thepetesmith 3 ай бұрын

Angular makes a compiler 9 years ago, React does it today - ground breaking.

@91navii 23 күн бұрын

thats why they call angular as framework and react is just a library

@VenkiNagaraj 3 ай бұрын

React is good when you are developing apps for medium to high end laptops, mobiles, etc. And that too why its good is because it has many 3rd party library support. But when it comes to low powered devices like TVs, embedded devices, etc. Compiler based frameworks like svelte is the best. They give more performance. I develop web apps for TVs in my company. I was using react before and now I have moved to svelte 4. Reasons are: 1) More performance. 2) Svelte has very good inbuilt support for css animations. No js framework can beat this. 3) No boilerplate. So becomes easy to maintain. 4) Very easy to learn. I just refer to the svelte docs. Its so easy to understand svelte.

@mahendrash7712 3 ай бұрын

I am big fan of nextjs to I like react 19 I am vary exited to test how it works

@Jason-eo7xo 3 ай бұрын

This version makes react in parity with other UI libraries and frameworks. React now has a compiler. I still like remix or next over bare bones react.

@goodluckoriuwa1669 3 ай бұрын

We will be waiting for you and the video

@AzeezGafar 3 ай бұрын

Hi, great video, this makes React a full framework and not just a library, right ?

@steveoc64 3 ай бұрын

Great. Having just wasted 2 months of my life upgrading all our apps to react 18, this drops, so we are back in tech debt land. Time to get off the dependency roundabout Next upgrade to our code will be ditching react components for standard web components.. and then rewrite / simplify everything into htmx

@muditkhanna8164 3 ай бұрын

or go back to vanilla

@dishantpal37 3 ай бұрын

@@muditkhanna8164 naah its not good idea

@ryandennler3155 3 ай бұрын

Lit is very promising

@steveoc64 3 ай бұрын

@@ryandennler3155 Lit is cool. Looking at stencil as well as a component compiler.

@FirstnameLastname-cl4op 3 ай бұрын

That's the life

@user-ue2lv2ol3s 3 ай бұрын

Mehul gi please add some projects on the project selection of Codedamn

@mbsyaswanth3334 3 ай бұрын

It has some features of remix

@goodluckoriuwa1669 3 ай бұрын

Very good .. do well to upload a video when it's finally released

@thoropyt9955 3 ай бұрын

very excited to use new version of React

@alihazimeh9279 3 ай бұрын

Why to have react forget and not work on native signals.. isn't it also going to fix the rerendering issue and have a better performance?

@VenkiNagaraj 3 ай бұрын

They cant do this because react has lot of third part library support that don't use signals concept instead use VDOM concept.

@VtTraves 3 ай бұрын

Bro how is greensoul chair, is it good and comfit able.

@MsAlokranjan 3 ай бұрын

awesome CI 4.4.5 series

@alkadoHs 3 ай бұрын

CI?😂😂

@abhishek_k7 3 ай бұрын

about time

@sjzz 3 ай бұрын

Is this going to be your main upload channel? I like other one tho.

@codedamn 3 ай бұрын

Both

@binamralamsal 3 ай бұрын

I think you didnt read actions part properly. They are mentioning that it can be used client side too which means you will be able to use actions feature on vite too, it just will run on client side but not on server.

@AvinashKJ 3 ай бұрын

meanwhile svelte laughing in the corner

@shalin1 3 ай бұрын

Sir, I have covered more than 80% of the react.js and now heading towards projects making, gradually.. Mera question ye h ki, kya upcoming react 19 se react devs ki hiring me increment ho skti h?

@codedamn 3 ай бұрын

I don't think a new version would result directly in hiring increase.

@shalin1 3 ай бұрын

@@codedamn okay sir Thank you

@JaredFL 3 ай бұрын

they use react compiler when making fortnite

@paisewalaladka 3 ай бұрын

huge

@codenoobdev 3 ай бұрын

very well explained. love from Pakistan..

@fcnealvillangca7943 3 ай бұрын

Not again lmao im tired

@rami8846 3 ай бұрын

frontend is tiring when you have done it long enough

@swapnasaritnayak2569 3 ай бұрын

So react is not a library anymore , plese stop referring to it as one , since when does a library need a compiler ? :D

@JaspreetSingh2701 3 ай бұрын

React is on the same path now on which once Angular walked, launching minor releases which solves older problems and creates new problem, atleast angular is bug free, If it is working on instagram doesn't means it works everywhere, this is a lame thing to do, Instagram was full of bugs it is just nobody cares people simply remove it from ram and start reusing it. I wish react community first gathers the requirements and problems and solve it with a fullproof solution then introduce new versions.

@combatninjaturtle 3 ай бұрын

Only difference is that react is solving a very niche problem which most developers don’t face on daily basis but angular on other hand had issues which was making day to day development pretty hard. For example tree shaking and module was a nightmare in angular which caused performance problem pretty easily.

@swapnasaritnayak2569 3 ай бұрын

@@combatninjaturtle can you explain how tree shaking was a big issue ? Angular 17 with its signal based approach is not only kore performant , but backward compatible as well.

@armantgoldswain3951 3 ай бұрын

So not actually here yet! Misleading title... Comig still, still to be released, imminent.... But not here yet.....

@codedamn 3 ай бұрын

A lot of mentioned features are already in React Canary. The thumbnail says tweet date to be 15th May 2024 and the blog post says it’s coming as well.

@waelltifi 3 ай бұрын

Coding is now painful and requires time and grinding and not intelligence , these internet gurus know this this and they turned into teaching instead of working as devs because they know if you're building your own thing, it's easier and they teach you using basic stuff .. in the real project, these hooks and stuff are actually a problem and why i really despise react .. it is painful to use in big projects

@cristianmargineanu1458 3 ай бұрын

I would rather have some advanced examples on how they do their optimizations... Simplicity gone too far

@QriousKoder 3 ай бұрын

Oh so when react does it "wow ground breaking" "major changes" "game breaking" when other frameworks does it "I dont know guys I'll use the same old and awful react framework cause i am used to being in a abusive relationship" "what svelte is doing is magic/syntactic sugar i am not gonna use svelte cause its abstracting me from knowing whats really happening under the hood" the amount of double standards react devs have is just baffaling

@codedamn 3 ай бұрын

I mention this bit slightly in the video. When you write code in react you’re still writing JavaScript. Svelte and vue for example have their custom syntax which is not exactly JavaScript. Other than that react getting a compiler is definitely magic under the hood, sure, which may cause confusion in specific scenarios where compiler does something that might not be obvious to look at.

@QriousKoder 3 ай бұрын

@@codedamn thats the thing JSX != JS its also a custom syntax that acts like js none of these are plain javascript yes jsx is the closest to looking and acting like js but at the end of the its not just javascript. and if you are talking about standalone react like the oldest version yeah but lets be honest no one writes react like that

@sanjeevdandin9350 3 ай бұрын

@@codedamn Not against React or any library. I Believe js framework wars are pretty stupid and laughable per se. But you just contradicted yourself when calling out Vue and Svelte uses non standard JS code. When React does the same thing using JSX.

@mariselvan 3 ай бұрын

@codedamn JS is not JSX. Grow up man.

@otis3744 3 ай бұрын

as the winners of the web development wars, we simply can not let losers write history