They made React great again?
HTML-код
- Опубликовано: 25 фев 2024
- Let's take a first look at React 19 and a variety of changes will improve the developer experience. We compare React's changes to other JavaScript frameworks like Svelte, Vue, and Angular.
#webdevelopment #programming #thecodereport
💬 Chat with Me on Discord
/ discord
🔗 Resources
React Blog Post react.dev/blog/2024/02/15/rea...
React for the Haters • React for the Haters i...
Fireship Next.JS course fireship.io/courses/nextjs/
🔥 Get More Content - Upgrade to PRO
Upgrade at fireship.io/pro
Use code YT25 for 25% off PRO access
🎨 My Editor Settings
- Atom One Dark
- vscode-icons
- Fira Code Font
🔖 Topics Covered
- What's new in react version 19
- React vs Vue
- React vs Svelte
- React 19 compiler 
Наука
Day 1 of not saying AI in the video
Day 2 o
YOU AI YOUI LOOSE CHALLENGE (IMPOSSIBLE!!)
React 20 will have an integrated AI in the compiler 😂
day 0 of AI joke comment
@@tobyboulton8340 *plays numa numa but with only vowels*
I dont understand a single thing, but the editing goes hard and is hilarious
- average fireship viewer
It's OK you'll get there! Just make one custom app from scratch
do not ask,just add it into your resume 😂
i wish i could understand
@@odddellarobbia4💀
The fact that all of the frameworks become more and more similar is brilliant
.
@@PWRGEUTTP is it?
you would think correct, but no, they have to keep inventing more stuff like React Query....just to keep you on your toes;
yes that great, because these were kinda only hard places in React
That Angular namedrop was like Captain America's iconic pose of holding his shield up to his face
"thanks for watching and I will see you in the nextjs one"
Lol
Missed this!
Haha I was tripping 😂
pin this
Heart React
JS
Solid, Svelte:
Look at what they have to do to mimic a fraction of our power
as much as I love svelte. Marketshare...
With all of these incredible new changes to React, they hope to make the framework half as good as Svelte by 2060
@@s1nistr433which major companies are using svelte? I've seen and used react almost everywhere
ffs on a deja commencé notre projet transverse en react 😀🔫
@@s1nistr433cope, nothing beats jsx
jQuery was ridiculously popular because everybody was using the same library and could go from project to project, unlike the JS framework environment that has many options where you have to deal with different frameworks using TS or older versions of the the framework.
I think you can still say jQuery is ridiculously popular based on the number of sites running it
Honestly, jQuery’s simplicity is still charming, it’s still a fun library to use, just outdated for most projects.
real devs use Jquery
John resig is genius guy, 2006 until now jquery still works a charm and simplified, if people just know how structure it nicely.. Unlike the over bloated frameworks nowadays, particularly react
I will say though, nowadays I find it complicated to write a whole web app in jQuery.@@JovenAlbarida
Maybe it's time to start considering an EMCA standard for Javascript frameworks...
HTMX will probably get there first.
jQuery 4 still supports IE11 but not any older versions - jQuery 5 will drop IE11 (hype!)
I wonder how small will be the userbase of IE11 in 2045
@@Tordah123There will be banks with a selected few mainframe APIs, which are internet explorer based - so they won't go away unless those banks go bankrupt
Even microsoft fropped IE11, time to stop worrying about it
It's over when I say it's over. I don't let stupid mumbo jumbo shit like "end of life" to tell me how to live. He''ll yeah.
💀
I think that's nature really. Frameworks start to adopt and transform to what has shown to work best. We end up with less variety, but that's really whats happening everywhere anywhere.
Yeah I feel like the signal thing is one concrete example where all major js frameworks are getting closer
Vue has them (AFAIK with a proxy abstraction)
Angular has em (or coming)
Svelte
Solid
In a few years (if we still write code on our own) we'll be able to choose js frameworks by nuances.
@@cedi2929There is also a signal implementation for React. It probably doesn't have the best DX, but it looked usable in the tutorials.
@@JanVerny interesting thanks for the insight.
And it basically took 30 years.
In most disciplines, implementation comes before theory, and good things are born into theory during implementation
"And I will see you in the Next.js one"
nice 😎
for vue, the ocmpiler only build the template, the reactivity is based on a proxy system and it's runtime based :)
i accidentally spit water on myself at the mention of angular becoming the one true framework
To me it was the Team America vomit meme again.
it because it is, btw we are getting native observables in a near future
As a hobby coder I didn't get if it was a joke or not.. 🤔
I think it was mainly to drive few comments :) Angular is the source
@@robbasgaming7044 the favorite framework of Fireship is Angular. He has said that a few times on his videos.
I already lost my shit at "That's right, I use React" part
Love how Fireship comes out of the closet at the end with Angular 😂❤
Absolutely love your intense videos man! This is my way of grasping information. It just connects directly to my brain APIs and uploads the data straight to the latent space!
Too bad YT pays for minutes and not for the information rate..
Angular:
Oh, a compiler. That's cute
😂😂😂😂😂😂😂😂😂😂😂
Sorry didn't get the joke 😢
Can some one explain?
@@saiphaneeshk.h.5482 It's the Apple's "innovation" moment. Angular has always had compiler. And Angular has always had all the same damn features React is getting lately (but under a different name) because react just wants to confuse us.
@@WewasKangs-bd9eb To add on to that, Angular having a compiler has been one of the things react devs have derided since React first came out. React is just JS and doesn't have a compiler. Guess not.
@@anarchoyeasty3908I don't get it. I mean, you are building the whole damn thing before deploying. What's wrong with a compiler doing its job during building. Maybe a slightly higher build time, but the pros seems definitely better than cons right now.
Yaaay, more time to bill for changing things that don’t actually bring any value to the customer! 🎉❤ thank you frameworks
Yaay we are relevant again
I swear that's what Meta's devs do to the company but they're just nice enough to do it open source so everyone can do the same to their own company lmao
You don't have to use new features... Old components keep working as-is.
Having said that, having to update code is part of standard maintenance when using any framework, regardless of if it's a frontend or backend framework.
It's impressive to see how big a game changer a compiler can be for React. Looks like all major frameworks are gradually converging. Looking forward to seeing this unfold.
I don't know about Solid and Svelte, but Vue doesn't need its compiler for the computed() or watchEffect() functions. It resolves dependencies at runtime by listening which reactive values are read when executing the callback (because in Vue everything is a reactive proxy).
Vue's compiler does different kind of improvements, like template optimization, but has nothing to do with the dependencies check.
Svelte is just good enough for a simple website developer like me. Many of these new frameworks are just so convoluted with made-up weird syntax to accomplish simple things.
Simplicity is peak.
actually svelte has made up weird syntax though
Sounds like you need to convert to our savior HTMX
Svelte's syntax looks like shit to me personally, while react is just pure JavaScript.
@@jonaslamprecht9169 but react just had to be "fixed" to make it do things the way vue and svelte do it easily
Many websites need to be just simple. We're not making strategy games in the browser all the time... most websites should just present like a continuous, fancy, powerpoint presentation.
RuneScape gnome gets me every time. One of us!
Selling yew logs, 300gp
ONE OF US. i guess ill learn svelt to use runes now.
your videos are so good, that even as an ex developer i still love to watch them
I can't believe I'm just finding your channel now. it's so good
Welcome pal!
Any other channels like this I should know about?
jQuery mentioned
At this point, i don’t know if react is a UI library or a template engine 🙃
ecosystem
Everything about react is solely focused on UI. Data fetching is part of UI
It's Hell.
Its a backend framework
It's a joke. A 10 year old joke.
1:37 Shout out to the Runescape runes!
shoutout to that little gnome too
I have all skills maxed
This video summarises why I stopped doing frontend stuff around when people started using angular
it was a good idea to limit your focus to java, php, golang, c#, npm, nuget, oracle mysql, mongodb, postgres, supabase, firebase, aws, azure and gcp;
The Angular in the end got me rolling haha
I honestly found Angular the easiest and most intuitive to learn, and also love its “reactive” approach of thinking in streams.❤
Agreed. Once you get passed the steep rxjs learning curve, you arrive at a beautiful place. Async flows are so easy to model and debug. Debugging async stuff in react can be rough.
yes, but reactivity it's the hard part to master it.
Tried once.. the build was so slow, heavy and clunky that i couldnt go on.. Also.. i hate when people create test files for me (generators). I dont want that crap
@@danvilela-skip-tests
@@danvilela try Angular 17... the build really was slow on previous versions, but in 17 its fast... very fast...
Did you ever consider remaking that old bambo website, great vid by the way
A project I'm on is IE11 compatible, it's ATM code.
Developers! Developers! Developers! Developers!
hell, I HATE the remake they made with that dude with shitty accent
Actions DX being like PHP but without Lambos, I lost it there ☠️
Same 🙂
Plot twist: I am PHP Dev.
that Angular at the end hit the back of brain bones
I like the violence in the ending - both in Angular and in the footage :D
recently started learning react and I appreciate them tossing out concepts before I bothered to learn them
Every couple years they remove an old bandaid and replace it with a new one… until that one starts to smell.
Meanwhile I’m over here, waiting to pull the trigger on updating jQuery that exists to simply compliment my PHP/HTMX stack
I love how I don't even code (nor know how to) but am able to enjoy myself and understand what you are talking about!
bro why are you here then
Because I enjoy myself with the updates 😁
I love the RuneScape reference. Osrs series when?
I didn't understood a word of this video and this is what I love about programming. I can write all these cool C/C++ stuff but when it gets to web development I suck. There's so much more to learn, so much to get better at. Software Enginnering is amazing.
Web dev scares me
I started off with c++ -> python -> c# -> javascript(express.js) -> react(next.js).
Its been a wild ride, but I love full stack development. I find developer humor hularious or get a chuckle out of reading reddit posts bashing frameworks for their bs.
i got experience in web dev (reactjs), game dev (c# unity3d), and blockchain smart contracts (solidity) and i gotta say all of them have their very abstract sides which are scary, but all of them are also very intuitive once you get a hang of it
One could argue that there is so much more to learn in any field. Have you considered Archeology?
Jokes aside, this changing nature of programming sucks honestly lol. Every 3 years you're having to learn new tools to solve the same old problems.
good mindset brotha, same.
I come from c++ and it's a completely different compared to the web. I enjoy web dev much more.
I’ve been using solid for some time now, and when I looked at that unintuitive react code, I now remember why I never looked back.
@@merluzo8269 you dont need a framework or a library to "call functions whenever you want". why so dense? you obviusly know what they meant
finally, but that means to learn from the ground up all the new things and not slip in the process, i'm hopeful to see this on react native
I love this guy, Angular at the end was perfect!
YOU TELL THEM.
angular ... perfect ???
Is it a troll ?
Angular 17 is awesome btw :D
React devs are flip flops. They brag about a hook on Tuesday and on Thursday they will tell it’s ugly as we have a new hook to replace it and this cycle goes on and on till life ends
Its insane how much refactor is involved in maintaining a React app if you want to stay current. It seems like every 2 years or so there's a major deprecation or a large portion of the API changed in a breaking way.
ADHD development team tbh
Who brags about hooks, just earn money till its relevant.
Lol you do realize your old code still works on react 18 right? Say that to Angular
Why is agility a bad thing? We use the best method available until theres a better one. Git gud
Indeed! If it was built into the browser with the next version of JS that would be great.
Can we try the compiler any time soon? And when will react 19 be released?
"PHP without Lambos" killed me
someone pls explain this ;_;
Dollar sign 💲💲...we use 💲 to declare variables in php, and lambos are costly
I watch the code report because I quit software engineering fifteen years ago and have not enough money left over from that time for funding my current life AND for paying a good therapist. "God I'm so glad that I quit" I say to myself every 10 seconds of watching. Best choice ever. I'm so smart. I'm safe now. I'm fine. It was all just a bad dream. Look at that f+++++ hell developers are still going through. React 19 wtf? Hamburger Hill. What an ugly uphill battle. forwardRef W.T.F.?? So glad that I quit. F+++ all that sh+++. I would NEVER touch any of those frameworks ever again. Jesus saved me. I left while I still could. I am fine.
That's so true. It's like a hell and an endless nightmare of pain and suffering trying to catch up with the latest technology 😢
I saw once this extraordinary thing, two frameworks merged: Merb and Rails.
That mspaint character in the thumbnail gave me flashbacks of 2010 internet. But I can't quite pinpoint where it comes from? Was it a rage comics character?
4 mins of talking and all I can hear is Svete is better 😂
this state setState nonsense is still the worst.
I understood everything not used react that much though...ig for UI it all comes down to what's best for you lol
Love it , did not understand anything but sounds exciting
As a writer of mostly Swift, these code examples look bonkers. Mad respect, React devs
The last 10 seconds of the video is a masterpiece, hands down!
I'm not even a js developer, but I still watch these type of videos from you lol
I have learned so much React in the last year that this actually makes sense.
What we really need, is a framework for updating code of old frameworks.
As short and concise as it is, this is only channel I really understood the new features in react 19.
As someone who has yet to switch over to Svelte becuase i love all my libraries in react, should this change anything, or should my goal still be to switch over to Svelte?
Not sure what was going on till 4:08 but I am glad the Angular TL;DR was clear!
Watching and using these frameworks, I still prefer the simplicity of vanilla JS, never having to worry about upgrades breaking my app and it works everywere: front-end, back-end, mobile apps, desktop. If you solo develop a project and want to run it longterm I still think this is the way to go.
I worked for a company that did this. For simple projects I agree with you, but as it grows in complexity you end up building your own framework. At which point it would have been easier to use an existing framework from the start.
@@petertyldesley6542 we need a framework for migrating to new frameworks
I was looking for Kripke from the big bang theory when saying memoize
Really loved the composition in this video
We had speciation, and now we're seeing convergent evolution 😌
You explained memoization in one sentence❤
React 19: Making developers feel like they're riding a unicorn through a rainbow! 🌈 Can't wait to see if it's smoother than butter on hot toast or just another JavaScript drama. Let the framework wars begin! 💥
I am Java developer. Wanting to learn some front end. There are so many options and its quite confusing to pick one framework
I'll see you in Next.js one!
And I was just about to switch to SolidJS. Thanks.
We need a video about hyperscript :)
React Forget is a compiler that will _possibly_ decrease the number of rerenders a component has when a state or prop changes. It doesn't make up for the fact that React is heavy and slow.
Haha, nice point about Angular at the end of the video )))
I'm glad that fireship still has a thing for Angular
Had to work on angular project recently (after ~4 years of react) and even the code itself was shit all of the angular apis and serviced turned out to be really nice. Would not mind it becoming the one true framework tbh.
I love that he casually drops one of the best summaries and explanations for useMemo without missing a beat.
I hope that we all go back to good old days. To something like htmx + any backend language and jquery :D
3:24 the best part
Seemingly convergent evolution works for frameworks as well.
If they're all so similar, is it worth learning Svelte for a small app build, or just use Angular which I already know?
making Angular a standard build in browsers would be so nice
Damn, can't wait for react 19 to be available with react-native
Love how you squized Angular in there😅😅😅
I love the conclusion in the last minute :) go go angular
Which framework has the simplest, faster, lean way of doing things with common things (like routes) out of the box? I have suffered so much in the hands of React and just want things done, clean and working.
Nuxt 3 (Vue)
I personally haven't learned react, angular, or vue but the first framework i chose to learn is sveltekit. Routing is out of the box because you have src/routes/+page.svelte (which is the page for '/' or default route) and if you want to create another page you just have to do it like this: src/routes/SomePage/+page.svelte and navigate like this . It's simple for me because i learned to create frontend website using pure js so routing in sveltekit is really straightforward for me.
Edit: fyi my knowledge of sveltekit is only 3 weeks so you should check the docs yourself, i might be wrong idk
@@whoami724y Seems promising
@@whoami724y Vue is IMHO just the best most stable framework.
Why didn’t you add a cover sheet to your TPS report? Did you get the useMemo?
i actually love react, not because it’s amazing but because it’s the only framework i learned in school and other frameworks are scary
You should start using the latest logo of Angular
Finally something good for my favourite framework 💙
3:20 going hard ngl🔥
And we're still lacking an abstraction of values that change over time and depend on each other. RxJS probably comes closest, but it's really tricky to work with and not "blow off your leg". Then there is HTMX of course...
i love the humor. And the amount of work you put on these videos. THANK YOU
I Malware Uchiha declare that you are the Best among all Tech You Tubers !
Stand Proud Fireship, you are strong !!
Will there even be a reason to learn NextJs after React 19 comes out,? At least until Next goes one step further and implements a new feature again ?
3:57 we should hold a summit for this, wat do u say guys ?
If I need to choose one framework that will be in browser it would be Qwic because how ahead it is or Vue because I work in it 😅
.. but they would probably choose worst fmwk out there React because it is popular 😢
If react is getting an update and we use react in the next js then does it mean we are also getting rid of these hooks in the next.js too??