Тёмный

React.js just got a major upgrade 

Mehul - Codedamn
Подписаться 424 тыс.
Просмотров 90 тыс.
50% 1

Are you confused where to start coding/what to learn/what roadmap to take? Take this free 2 minute quiz: codedamn.com/c...
👉 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

Опубликовано:

 

5 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 93   
@GoD_LoRD04
@GoD_LoRD04 7 месяцев назад
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.
@VenkiNagaraj
@VenkiNagaraj 7 месяцев назад
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.
@steveoc64
@steveoc64 7 месяцев назад
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
@muditkhanna8164 7 месяцев назад
or go back to vanilla
@dishantpal37
@dishantpal37 7 месяцев назад
@@muditkhanna8164 naah its not good idea
@ryandennler3155
@ryandennler3155 7 месяцев назад
Lit is very promising
@steveoc64
@steveoc64 7 месяцев назад
@@ryandennler3155 Lit is cool. Looking at stencil as well as a component compiler.
@FirstnameLastname-cl4op
@FirstnameLastname-cl4op 7 месяцев назад
That's the life
@thepetesmith
@thepetesmith 7 месяцев назад
Angular makes a compiler 9 years ago, React does it today - ground breaking.
@91navii
@91navii 4 месяца назад
thats why they call angular as framework and react is just a library
@inderjotsingh5868
@inderjotsingh5868 7 месяцев назад
@codedamn Next js caching is a bit complicated to wrap head around, can you make a video about it.
@rajesht9702
@rajesht9702 7 месяцев назад
Excited, thanks for making this video.
@JaspreetSingh2701
@JaspreetSingh2701 7 месяцев назад
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
@combatninjaturtle 7 месяцев назад
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
@swapnasaritnayak2569 7 месяцев назад
​@@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.
@rickdutta942
@rickdutta942 7 месяцев назад
They are using it on production. So i think and as you've also said, it will come out in a polished manner.
@Jason-eo7xo
@Jason-eo7xo 7 месяцев назад
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.
@Sandeep-zd6dq
@Sandeep-zd6dq 7 месяцев назад
Well this is really helpful because we have to memoize a lot of stuff even in small projects 🙌
@princeofpersiaize
@princeofpersiaize 7 месяцев назад
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?
@dangi.jitendra
@dangi.jitendra 7 месяцев назад
Nicely explained, loved it
@binamralamsal
@binamralamsal 7 месяцев назад
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.
@waelltifi
@waelltifi 7 месяцев назад
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
@mahendrash7712
@mahendrash7712 7 месяцев назад
I am big fan of nextjs to I like react 19 I am vary exited to test how it works
@armantgold
@armantgold 7 месяцев назад
So not actually here yet! Misleading title... Comig still, still to be released, imminent.... But not here yet.....
@codedamn
@codedamn 7 месяцев назад
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.
@MOHANKUMAR.P-p1b
@MOHANKUMAR.P-p1b 7 месяцев назад
Mehul gi please add some projects on the project selection of Codedamn
@JaredFL
@JaredFL 7 месяцев назад
they use react compiler when making fortnite
@AzeezGafar
@AzeezGafar 7 месяцев назад
Hi, great video, this makes React a full framework and not just a library, right ?
@goodluckoriuwa1669
@goodluckoriuwa1669 7 месяцев назад
We will be waiting for you and the video
@AvinashKJ
@AvinashKJ 7 месяцев назад
meanwhile svelte laughing in the corner
@thoropyt9955
@thoropyt9955 7 месяцев назад
very excited to use new version of React
@goodluckoriuwa1669
@goodluckoriuwa1669 7 месяцев назад
Very good .. do well to upload a video when it's finally released
@alihazimeh9279
@alihazimeh9279 7 месяцев назад
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
@VenkiNagaraj 7 месяцев назад
They cant do this because react has lot of third part library support that don't use signals concept instead use VDOM concept.
@fcnealvillangca7943
@fcnealvillangca7943 7 месяцев назад
Not again lmao im tired
@rami8846
@rami8846 7 месяцев назад
frontend is tiring when you have done it long enough
@QriousKoder
@QriousKoder 7 месяцев назад
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
@codedamn 7 месяцев назад
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
@QriousKoder 7 месяцев назад
@@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
@sanjeevdandin9350 7 месяцев назад
​@@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
@mariselvan 7 месяцев назад
@codedamn JS is not JSX. Grow up man.
@otis3744
@otis3744 7 месяцев назад
as the winners of the web development wars, we simply can not let losers write history
@swapnasaritnayak2569
@swapnasaritnayak2569 7 месяцев назад
So react is not a library anymore , plese stop referring to it as one , since when does a library need a compiler ? :D
@VtTraves
@VtTraves 7 месяцев назад
Bro how is greensoul chair, is it good and comfit able.
@sjzz
@sjzz 7 месяцев назад
Is this going to be your main upload channel? I like other one tho.
@codedamn
@codedamn 7 месяцев назад
Both
@cristianmargineanu1458
@cristianmargineanu1458 7 месяцев назад
I would rather have some advanced examples on how they do their optimizations... Simplicity gone too far
@mbsyaswanth3334
@mbsyaswanth3334 7 месяцев назад
It has some features of remix
@abhishek_k7
@abhishek_k7 7 месяцев назад
about time
@MsAlokranjan
@MsAlokranjan 7 месяцев назад
awesome CI 4.4.5 series
@alkadoHs
@alkadoHs 7 месяцев назад
CI?😂😂
@codenoobdev
@codenoobdev 7 месяцев назад
very well explained. love from Pakistan..
@shaleenchowdhary
@shaleenchowdhary 7 месяцев назад
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
@codedamn 7 месяцев назад
I don't think a new version would result directly in hiring increase.
@shaleenchowdhary
@shaleenchowdhary 7 месяцев назад
@@codedamn okay sir Thank you
@Yash-lz2sj
@Yash-lz2sj 5 месяцев назад
he had good content on youtube but his paid course is not worth it at all
@sumitsingh1093
@sumitsingh1093 7 месяцев назад
Misleading title... you should come up with relevant title.
@elgalas
@elgalas 7 месяцев назад
Clickbait title no? Good content though.
@paisewalaladka
@paisewalaladka 7 месяцев назад
huge
@cristophergutierrez6241
@cristophergutierrez6241 7 месяцев назад
Please improve your accent bro, it is impossible to understand or at least put subtitles. God bless you.
@Tobsson
@Tobsson 7 месяцев назад
What? Please imporve you're understanding. I'm not even an english native speaker yet I understand him perfectly.
@nou4605
@nou4605 7 месяцев назад
Lol his accent is pretty clear. Get your ears checked.
@Noyon-kd3in
@Noyon-kd3in 7 месяцев назад
I think your ears are located on your butt, and need major surgery to fix the issue
@IAmOxidised7525
@IAmOxidised7525 7 месяцев назад
Lol you are deaf or dyslexic ? 😂
@QriousKoder
@QriousKoder 7 месяцев назад
tell me you are racist without telling me you are racist
Далее
React Native is fundamentally BROKEN?!
21:07
Просмотров 4,3 тыс.
Next.js 15 Is Here (Vercel Ship Breakdown)
19:34
Просмотров 101 тыс.
Everything You Need to Know About React 19
21:42
Просмотров 17 тыс.
React Hook Form & React 19 Form Actions, The Right Way
16:08
Cloudflare vs Vercel - We need to talk
27:50
Просмотров 10 тыс.
These Coding Projects Give You An Unfair Advantage
14:39
Frontend jobs dead? ChatGPT vs Claude Artificats
19:41
Mobile Devs Hate Servers. Expo Wants To Fix That.
16:05
10 common mistakes with the Next.js App Router
20:37
Просмотров 217 тыс.
Next js vs React - (2024) Difference Explained
10:16
Просмотров 69 тыс.
Modern Data Fetching in React (Complete Guide)
16:41
Просмотров 51 тыс.