They made React great again?

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

[@joaofrancisco5781]

Day 1 of not saying AI in the video

[@Ochecodes]

Day 2 o

[@tobyboulton8340]

YOU AI YOUI LOOSE CHALLENGE (IMPOSSIBLE!!)

[@Hunter_Bidens_Crackpipe_]

React 20 will have an integrated AI in the compiler 😂

[@Gale24]

day 0 of AI joke comment

[@TheGalacticVoid]

​@@tobyboulton8340 *plays numa numa but with only vowels*

[@EyesOfByes]

I dont understand a single thing, but the editing goes hard and is hilarious

[@alechemy]

- average fireship viewer

[@monzerfaisal3673]

It's OK you'll get there! Just make one custom app from scratch

[@odddellarobbia4]

do not ask,just add it into your resume 😂

[@taavipost1515]

i wish i could understand

[@comosaycomosah]

​@@odddellarobbia4💀

[@zerthur]

That Angular namedrop was like Captain America's iconic pose of holding his shield up to his face

[@ShaharHarshuv]

The fact that all of the frameworks become more and more similar is brilliant

[@UTTP_Destroy_All_Fandoms]

,

[@PWRGEUTTP]

.

[@morchidchellali1865]

@@PWRGEUTTP is it?

[@russelfernandes8483]

you would think correct, but no, they have to keep inventing more stuff like React Query....just to keep you on your toes;

[@Storkz0re]

yes that great, because these were kinda only hard places in React

[@ananayarora]

"thanks for watching and I will see you in the nextjs one"

[@ferd1775]

Lol

[@dothgaerwenoakblossom15]

Missed this!

[@bits_of_bryce]

Haha I was tripping 😂

[@briantep458]

pin this

[@stevenrosscarpenter]

Heart React JS

[@Malix_off]

Solid, Svelte: Look at what they have to do to mimic a fraction of our power

[@jacksonsingleton]

as much as I love svelte. Marketshare...

[@s1nistr433]

With all of these incredible new changes to React, they hope to make the framework half as good as Svelte by 2060

[@aberba]

​@@s1nistr433which major companies are using svelte? I've seen and used react almost everywhere

[@paulm5376]

ffs on a deja commencé notre projet transverse en react 😀🔫

[@marusdod3685]

@@s1nistr433cope, nothing beats jsx

[@m-ok-6379]

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.

[@sharpenednoodles]

I think you can still say jQuery is ridiculously popular based on the number of sites running it

[@mikwee166]

Honestly, jQuery’s simplicity is still charming, it’s still a fun library to use, just outdated for most projects.

[@formapedia]

real devs use Jquery

[@JovenAlbarida]

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

[@mikwee166]

I will say though, nowadays I find it complicated to write a whole web app in jQuery.@@JovenAlbarida

[@codetoil]

Maybe it's time to start considering an EMCA standard for Javascript frameworks...

[@collynchristopherbrenner3245]

HTMX will probably get there first.

[@Paul-zh2jp]

i accidentally spit water on myself at the mention of angular becoming the one true framework

[@sadsongs7731]

To me it was the Team America vomit meme again.

[@bryangomez5951]

it because it is, btw we are getting native observables in a near future

[@robbasgaming7044]

As a hobby coder I didn't get if it was a joke or not.. 🤔

[@AlexDubois]

I think it was mainly to drive few comments :) Angular is the source

[@bryangomez5951]

@@robbasgaming7044 the favorite framework of Fireship is Angular. He has said that a few times on his videos.

[@TehRoflizer]

jQuery 4 still supports IE11 but not any older versions - jQuery 5 will drop IE11 (hype!)

[@Tordah123]

I wonder how small will be the userbase of IE11 in 2045

[@Dekatelon]

​@@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

[@hugazo]

Even microsoft fropped IE11, time to stop worrying about it

[@utilizator500]

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.

[@thefatnav]

💀

[@sharpenednoodles]

"And I will see you in the Next.js one" nice 😎

[@user-ir3yw8bs4i]

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

[@LusidDreaming]

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.

[@Atlastheyote222]

ADHD development team tbh

[@lalithrockz]

Who brags about hooks, just earn money till its relevant.

[@archmad]

Lol you do realize your old code still works on react 18 right? Say that to Angular

[@benkatz8999]

Why is agility a bad thing? We use the best method available until theres a better one. Git gud

[@_modiX]

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.

[@cedi2929]

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.

[@JanVerny]

​@@cedi2929There is also a signal implementation for React. It probably doesn't have the best DX, but it looked usable in the tutorials.

[@cedi2929]

@@JanVerny interesting thanks for the insight.

[@RottenMuLoT]

And it basically took 30 years.

[@imachomanjewelry]

In most disciplines, implementation comes before theory, and good things are born into theory during implementation

[@jonne719]

I already lost my shit at "That's right, I use React" part

[@basedovi]

Love how Fireship comes out of the closet at the end with Angular 😂❤

[@shobu_serhao]

for vue, the ocmpiler only build the template, the reactivity is based on a proxy system and it's runtime based :)

[@noelguiavieira]

Angular: Oh, a compiler. That's cute

[@fontchastick2328]

😂😂😂😂😂😂😂😂😂😂😂

[@saiphaneeshk.h.5482]

Sorry didn't get the joke 😢 Can some one explain?

[@WewasKangs-bd9eb]

​@@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.

[@anarchoyeasty3908]

@@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.

[@ark_knight]

@@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.

[@ezsnova]

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.

[@flogginga_dead_horse4022]

actually svelte has made up weird syntax though

[@0M9H4X_Neckbeard]

Sounds like you need to convert to our savior HTMX

[@jonaslamprecht9169]

Svelte's syntax looks like shit to me personally, while react is just pure JavaScript.

[@flogginga_dead_horse4022]

@@jonaslamprecht9169 but react just had to be "fixed" to make it do things the way vue and svelte do it easily

[@retagainez]

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.

[@yablaker]

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..

[@4RILDIGITAL]

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.

[@CosteaMelniciuc]

Yaaay, more time to bill for changing things that don’t actually bring any value to the customer! 🎉❤ thank you frameworks

[@sunnyarora3557]

Yaay we are relevant again

[@wlockuz4467]

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

[@Daniel15au]

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.

[@andrewm3406]

RuneScape gnome gets me every time. One of us!

[@NosurfOfficial]

Selling yew logs, 300gp

[@pwntastic4448]

ONE OF US. i guess ill learn svelt to use runes now.

[@Voidlord1]

your videos are so good, that even as an ex developer i still love to watch them

[@nestorrente]

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.

[@TeaBroski]

jQuery mentioned

[@oumardicko5593]

At this point, i don’t know if react is a UI library or a template engine 🙃

[@elvispalace]

ecosystem

[@aberba]

Everything about react is solely focused on UI. Data fetching is part of UI

[@mauriciomdea]

It's Hell.

[@Chillycloth]

Its a backend framework

[@leonvdw97]

It's a joke. A 10 year old joke.

[@brendansully12]

I can't believe I'm just finding your channel now. it's so good

[@mira-films1169]

Welcome pal!

[@suryas2575]

Any other channels like this I should know about?

[@andrewleonardi3351]

1:37 Shout out to the Runescape runes!

[@readywhen]

shoutout to that little gnome too

[@Cognitoman]

I have all skills maxed

[@SuperCacazinho]

The Angular in the end got me rolling haha

[@harrimahlstrom7706]

I honestly found Angular the easiest and most intuitive to learn, and also love its “reactive” approach of thinking in streams.❤

[@stephenpaul7499]

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.

[@valikonen]

yes, but reactivity it's the hard part to master it.

[@danvilela]

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

[@codewithryan4646]

@@danvilela-skip-tests

[@lgsscout196]

@@danvilela try Angular 17... the build really was slow on previous versions, but in 17 its fast... very fast...

[@user-rz5gu1fy6u]

Did you ever consider remaking that old bambo website, great vid by the way

[@FredoCorleone]

A project I'm on is IE11 compatible, it's ATM code.

[@oxymonster1337]

that Angular at the end hit the back of brain bones

[@syrus3k]

This video summarises why I stopped doing frontend stuff around when people started using angular

[@russelfernandes8483]

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;

[@NicolasSilvaVasault]

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

[@tonidev]

I like the violence in the ending - both in Angular and in the footage :D

[@MCRuCr]

Developers! Developers! Developers! Developers!

[@randerins]

hell, I HATE the remake they made with that dude with shitty accent

[@iAmTaki]

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.

[@Rayer24]

Web dev scares me

[@InarusLynx]

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.

[@saferugdev8975]

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

[@SmilingBakedBaguette]

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.

[@JreesOSRS]

I love the RuneScape reference. Osrs series when?

[@wuelbercastillo4367]

Actions DX being like PHP but without Lambos, I lost it there ☠️

[@GreyDeathVaccine]

Same 🙂 Plot twist: I am PHP Dev.

[@wealthassistant]

recently started learning react and I appreciate them tossing out concepts before I bothered to learn them

[@TwoLeggedTriceratops]

Every couple years they remove an old bandaid and replace it with a new one… until that one starts to smell.

[@KyleHarrisonRedacted]

Meanwhile I’m over here, waiting to pull the trigger on updating jQuery that exists to simply compliment my PHP/HTMX stack

[@BleepBlop-rh9lm]

Indeed! If it was built into the browser with the next version of JS that would be great.

[@lucasabaraujo]

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!

[@usethisforproductivity-tg7xq]

bro why are you here then

[@lucasabaraujo]

Because I enjoy myself with the updates 😁

[@martijn3151]

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.

[@nameq]

@@merluzo8269 you dont need a framework or a library to "call functions whenever you want". why so dense? you obviusly know what they meant

[@user-se8hw9kn3m]

Angular 17 is awesome btw :D

[@NovaAquarius]

Can we try the compiler any time soon? And when will react 19 be released?

[@Eurotool]

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?

[@sf-dk8od]

"PHP without Lambos" killed me

[@freyfrenzy]

someone pls explain this ;_;

[@tokens_zimeisha6907]

Dollar sign 💲💲...we use 💲 to declare variables in php, and lambos are costly

[@appletvaccount1364]

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.

[@thecoolnewsguy]

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 😢

[@bastost]

I saw once this extraordinary thing, two frameworks merged: Merb and Rails.

[@Crossfirev]

I'm not even a js developer, but I still watch these type of videos from you lol

[@s0l0r1d4]

4 mins of talking and all I can hear is Svete is better 😂

[@cherubin7th]

this state setState nonsense is still the worst.

[@dantelooper2283]

I love this guy, Angular at the end was perfect! YOU TELL THEM.

[@tom7050]

angular ... perfect ??? Is it a troll ?

[@aniksutradhar452]

I understood everything not used react that much though...ig for UI it all comes down to what's best for you lol

[@Alt33347]

Love it , did not understand anything but sounds exciting

[@user-gi9pm8hm9f]

Haha, nice point about Angular at the end of the video )))

[@ayhanarif3906]

The last 10 seconds of the video is a masterpiece, hands down!

[@abiolaakande9580]

As short and concise as it is, this is only channel I really understood the new features in react 19.

[@gleweistam6663]

Really loved the composition in this video

[@kazakx]

I was looking for Kripke from the big bang theory when saying memoize

[@SwapnilSoni]

I'll see you in Next.js one!

[@joshuajaydan]

I have learned so much React in the last year that this actually makes sense.

[@LeNZian]

We had speciation, and now we're seeing convergent evolution 😌

[@ShawnThroop]

As a writer of mostly Swift, these code examples look bonkers. Mad respect, React devs

[@roelf8044]

You explained memoization in one sentence❤

[@Volt-Eye.]

3:57 we should hold a summit for this, wat do u say guys ?

[@shaneperreault]

Why didn’t you add a cover sheet to your TPS report? Did you get the useMemo?

[@shootingdutch]

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.

[@petertyldesley6542]

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.

[@WrittenInFilm]

@@petertyldesley6542 we need a framework for migrating to new frameworks

[@Asspirin101]

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.

[@kirso]

Not sure what was going on till 4:08 but I am glad the Angular TL;DR was clear!

[@WrittenInFilm]

What we really need, is a framework for updating code of old frameworks.

[@bondbenz6375]

We need a video about hyperscript :)

[@PetrPopel]

I hope that we all go back to good old days. To something like htmx + any backend language and jquery :D

[@Salah-YT]

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! 💥

[@sourafaelmonte]

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.

[@AngelHdzMultimedia]

Nuxt 3 (Vue)

[@whoami724y]

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

[@sourafaelmonte]

@@whoami724y Seems promising

[@blubblurb]

@@whoami724y Vue is IMHO just the best most stable framework.

[@raviteja-mw1mp]

I am Java developer. Wanting to learn some front end. There are so many options and its quite confusing to pick one framework

[@moneybadger420]

I love the conclusion in the last minute :) go go angular

[@jvzaniolo]

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.

[@jsonkody]

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 😅

[@jsonkody]

.. but they would probably choose worst fmwk out there React because it is popular 😢

[@renegadeace1735]

And I was just about to switch to SolidJS. Thanks.

[@theacademe]

Wait... is the compiler the big thing, or the compiler macros?

[@TayoEXE]

I've only worked with vanilla JS and AFrame as well as React. What is the most recommended web framework to use in 2024 then? Or what are the main pros and cons of each contender?

[@BenjaminLeeds]

Read one of 412,331,412 articles on the internet about this. No one has time to explain the most beat-to-death question in web development on a KZbin comment.

[@harshnaruto3122]

Finally something good for my favourite framework 💙

[@ChemistTea]

If they're all so similar, is it worth learning Svelte for a small app build, or just use Angular which I already know?

[@hanmingzheng5592]

I'm glad that fireship still has a thing for Angular

[@Kfimenenpah]

Damn, can't wait for react 19 to be available with react-native

[@lakhveerchahal]

You should start using the latest logo of Angular

[@elshadshirinov1633]

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...

[@sturgeonphillip]

I love that he casually drops one of the best summaries and explanations for useMemo without missing a beat.

[@jmac732]

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

[@josiaswando9561]

By curiosity, how angular leads with the useMemo scenario?

[@o_glethorpe]

In the way like, you don't need to worry about, you choose when you rerender

[@Mego4884]

In Angular < 16 you just decided if you put that function into template (then it will run in every change detection which is uff - not recommended). If you need it in template just use pipe which you explicitly say if its pure/unpure (simplified definition: with or without memo). In Angular >= 16 we have signals and if we use computed() then it's rerendered only when the dependency value has changed - you can choose which dependency attribute you want to track (default) or untrack (wrapped in untracked())

[@blubblurb]

In Vues case it uses proxies. When you change a variable the necessary components will rerender. You don't have to think about it at all.

[@SonicAdapter]

Seemingly convergent evolution works for frameworks as well.

[@keyboard_g]

I skipped a lot of the JS wars after Angular. Doing C# Blazor now and shipping. Some JS sites are bigger than all of .Net downloading as wasm.

[@HoangDuck666]

3:24 the best part

[@patco101]

Love how you squized Angular in there😅😅😅

[@MrBa143]

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?

[@peacefulclipper]

3:03 Vaush Reference?

[@johnconnor9787]

1:11 This is not the case were the component will be rerendered. Instead this way we will not be able to see the result if double changes, as nothing will cause rerender.