15 crazy new JS framework features you don’t know yet

Try Brilliant free for 30 days brilliant.org/...
Take a look at the latest features in 15 different JavaScript frameworks and the problems they solve for web developers. Take an first look at the React compiler, Angular signals, Svelte runes, and more...
#programming #webdevelopment #thecodereport
💬 Chat with Me on Discord
/ discord
🔗 Resources
Next.js Full Course fireship.io/co...
21 web features • 21 Awesome Web Feature...
They fixed React? • They made React great ...
🔥 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
- Best JS frameworks for 2024
- New features in React.js
- What's new on Next.js
- React vs Angular vs Vue
- What is the React Compiler?

[@abhijay_hm]

web devs keep introducing new frameworks and changes to make sure current ai never becomes capable of replacing them

[@abdirahmann]

big brain 1000x 5D chess move 😂😂💀

[@zhandosainabek]

😂😂😂😂

[@atinux]

I hope AI will not create their own JavaScript framework

[@mismagiuz]

until the AI starts to create the frameworks themselves

[@ibtehaj-khan]

now you have to compete with AI in learning to be competitive.

[@SeanJonesYT]

My boss is getting really pissed that I’ve spent the past 10 years rewriting the same project every 30 days.

[@w花b]

I'm surprised he wasn't pissed because he had to keep an employee for this long. You must be pretty good or fine with your pay.

[@NikeloaZ]

blessed

[@neociber24]

Me too, I cannot stop rewriting my app each week, PLS HELP

[@IshanRohatgiyt]

🤣🤣

[@MarceloDezem]

30 days is not fast enough.

[@TopBagon]

Suspicious lack of AI in these recent features

[@wobsoriano]

kzbin.info/www/bejne/mmXCd4uYe7Kog9Esi=4rpWZc-j9EH5Lcsm

[@CamronSixx22]

Probrably because they're trying to make it so that ai can't replace them lol.

[@PiotrPavel]

Wiat for it next year will be 16th and 17th framework with AI

[@leonardsam7083]

Million libt has some monetized features that leverage language models

[@1ycan-eu9ji]

almost like... AI hits its peak

[@p0kepengin592]

"some awesome new features you don't need" sounds like something i need right now

[@ChristofferLund]

Fuck it. I no longer identify as full stack. Backend only.

[@none_the_less]

Right? I am trying to run away from frontend as well.

[@justsomeonepassingby3838]

Keep calm and use sveltekit+tailwind+pocketbase. Things come and go, even if web development being easily accessible was just a phase, the real treasure was the freelancing skills we learnt along the way

[@billy8461]

why the fuck everyone thinks that front end is web only?? what about front end with Qt and c++ or front end with openGL or unreal or unity with c#?? that's also front end..

[@vaisakhkm783]

Huh...too late... i jumped to entirepricr java a few years ago...

[@BosonCollider]

If you learned HTMX in a day you are still full stack

[@jonathanbout]

I like how Fireship can both insult and compliment all of those JS frameworks

[@auchucknorris]

its almost undetecible half of the sarcasm that's thrown in with the same monotone delivery

[@naptimusnapolyus1227]

except Angular(the goat)

[@EnriqueGhijs]

I just finished a 6 months fullstack course. Now I am here. What the fuck.

[@DanielDogeanu]

Welcome to the jungle! 🤣

[@physic3524]

Same, I haven't been able to find a job in the following 6 months

[@IStMl]

Welcome. You can take my spot. Im leaving. F*ck all of this sh*t.

[@peterszarvas94]

its never ending

[@nakulgoyal2879]

which course may i ask?

[@jameslay6505]

Learning about new JS frameworks definitely feels like I'm wasting time learning about how other people waste their time helping front end devs waste their time.

[@HaidarBaharmuz]

true

[@carmelwolf129]

the component library you're going to be using in your future job is only compatible with pure js, sorry

[@atm6070]

Meanwhile most business logic is running on some 20 year old technology

[@gelber_kaktus]

hello cobol old friend. we are replacing you with java serverlets.

[@DxBlack]

"kiiiillllll meeeeee", withered programming language

[@user-uk9er5vw4c]

if it works don't touch it

[@Daijyobanai]

Stability and usability are sooooo overrated. Now let's get back to replacing next with remix before removing both in favor of [checks notes] nah, I'll just hope I win the lottery instead.

[@Alex-xe6bl]

agree. I got an offer x1.5 my previous salary and will start on monday because they need someone with code igniter and jquery experience

[@yurii2451]

Still often use PHP + JQuery at work, but it is nice to see that all those JS frameworks are having fun

[@programmerjowo]

Write less do more 😁

[@josh-bodnar]

I've been using PHP8.* + Alpine + HTMX

[@HenrySimarmata]

Same 😂

[@BlanCow]

same

[@SynthAir]

Me as a software engineer who has never had to touch one of these frameworks: Wow, very interesting, I look forward to not using those

[@vectoralphaSec]

What kind software engineer???

[@Fanmade1b]

@@vectoralphaSec The best kind.

[@vectoralphaSec]

@@Fanmade1b there is no such thing.

[@fsharplove]

Never used any of these frameworks. .NET + WPF back in the days .NET + ASP Blazor (WEB and hybrid) nowadays

[@christianh2581]

Believe it or not, there are developers who have nothing to do with the web at all. I am one of them.

[@maciejkag2735]

I used to be a happy and satisfied fullstack developer. I would code in vanilla HTML, but then I started learning React and after weeks of agony it caused while making a static portfolio I realised I'm obsessed about performance now and want to learn other frameworks. Then - thanks to Fireship - realised all my knowledge is now obsolete.

[@TileBitan]

i feel like you are barely scrapping the surface, and I'm saying this as a raw vanillaJS type of guy who does not even want to touch such surface

[@reverse_shell.asm.sh.exe1]

@@TileBitan ah, vanillaJS, good old times

[@victor95pc]

@@reverse_shell.asm.sh.exe1 Vanilla was never a thing to be honest, we always used Jquery and after that we went to Simple React apps, and after that Dumb React Frameworks(Next.js and Remix)

[@ZoranRavicTech]

If it is a static site how can the performance be an issue regardless of the framework? At the end of the day all the user is loading is plain HTML, unless you skipped doing SSR.

[@skabeche81]

I felt miserable with React but then I learnt Vue and I'm starting to like front-end again, it reminds me my old days with vanilla js

[@andrewroesener5897]

I can't watch this while having lunch, literally almost died 3 times.

[@pjmaas106]

I also get mad anxiety from all this

[@dinesee1984]

Me too, I couldnt hold after seeing Tanstack Starter with Vite and everything built in. I am fan of tanstack query so this gives me hope of avoiding using remix or nextjs

[@pieterrossouw8596]

*figuratively

[@bendertherobot910]

Me too. Trying here to understand ReactJs... and now this!!

[@cherubin7th]

Why features? I thought we will never have to code again!

[@tokeivo]

You just need a serverless codeless releaseless product, and then you're 100% set for the future!

[@adamantii]

@@tokeivo Sounds like you need a productless product. AI can certainly help with that

[@w花b]

Webdev is so bloated I genuinely feel bad for devs, I'd change career or something because that's too much

[@anoh2689]

​@@w花bwhat do you recommended as an alternative?

[@cherubin7th]

@@anoh2689 I would recommend toilet cleaning.

[@TheStanglehold]

I’m a backend guy and this is all a foreign language, but I watched the entire thing because fireship delivers.

[@chudchadanstud]

repeat after me "I don't need react!" "I don't need fancy animations!" "I just need a webpage that just works"

[@pieterrossouw8596]

... So... SvelteKit?

[@interrrp_with_three_rs]

@@pieterrossouw8596 as a svelte user, fuck sveltekit

[@ceezymuccheez]

Youre starting to sound like a backend dev with that one buddy

[@geisterfurz007]

Good stuff! Minor nitpick: JSR is not a package manager, just a registry (that is compatible with all npm targeting package managers).

[@christianhalaby832]

Angular mentioned? Angular called the GOAT? Video deserves a like

[@LarsRyeJeppesen]

And now it's more performant than React, amazing. Signals rule

[@RicardoMontanesF]

Partial pre-rendering is exactly how I thought static and dynamic pages worked when I was little

[@OfficialDaveChannel]

Brother was coding while still in the womb

[@falex3489]

lil Ricardo has 10 years of experience at 5 years old

[@banemiladinov8202]

But, you are still little , grasshopper

[@CourageToGroww]

Most people put their sponsored ads at the beginning or in the middle of their videos but fireship puts them at the end, respect

[@AlexanderEndless]

I like how jQuery was at the bottom of the iceberg. 0:11

[@denki1317]

and htmx bellow Jquery

[@nuthhi]

The way these updates keep changing everything is gonna make me a full time backend dev.

[@cristinelcostachescu9585]

Ah, yess... You think you're safe!...

[@user-uk9er5vw4c]

as a full stack, it's just a different pain that hurts you the same way

[@me-low-key]

it's evolving, just backwards

[@r6scrubs126]

As a desktop developer, it's actually INSANE how much web devs have to learn about and choose between

[@T33K3SS3LCH3N]

I made that leap with Vue recently (which does the whole reactivity part, i.e. "update this UI element whenever the value changes") plus Quasar (providing a modern styling and complete UI elements like dialog windows, tables, menus and so on). I picked them exactly because people said it was simple and minimalistic. Besides having to figure out how to work with NPM (Vue doesn't HAVE to run in an NPM project, but it unlocks some additional features), it went really smooth. Great tutorial, sensible syntax, super quick. Quasar also directly comes with full syntax support in VS Code, linter settings, and a dev server with impressively good hot reload.

[@avi12]

Front and dev: how many frameworks do I need to learn? mitosis: yes

[@Necessarius]

As always JS frameworks reinventing the wheel and making it octagonal

[@ZoranRavicTech]

Hat exactly is being reinvented??

[@treygardner2428]

I am starting my computer science degree this fall, it has been a really long road to getting here. I love your videos, your channel has officially become the only thing I look forward to on KZbin. Even if I don't understand 70% of what you're talking about haha

[@joehax]

Ok that does it, I've had enough now, PHP & jQuery here I come baby

[@victor95pc]

Try PHP and HTMX and you will not regret it, JQuery is dead(not needed anymore)

[@nchomey]

​@@victor95pcyou don't know what you're talking about. htmx and jQuery are entirely different things, because jQuery is far more than Ajax. They can be used together

[@programmerjowo]

@@victor95pc there are so many jQuery plugins, how can htmx compete with that?

[@thedelanyo]

ReactJs used to be the pace setter, now it is catching up. Almost every framework had compiler before they got in. Now other frameworks are shipping in signals, so React 20, will probably be shipped.

[@ZoranRavicTech]

There is no point in adding signals to React. If you wanted the option to update the component state without re-rendering the component that was always possible.

[@bepamungkas]

​@ZoranRavicTech some part of react still use exception as signaling mechanism. Which make sense in theory (throw to stop execution) but almost always problematic when it was mistakenly saallowed by app code. Having a dedicated signaling mechanism would be nice, even if they only use it internally.

[@SaengerDruide02]

My boss came to me today requesting a new website for project documentation. I'm writing a python script which fetches data from excel sheets that my coworkers can fill with content, generates all basic HTML/CSS websites and pushes them to the server once a day. I'm so done with configuring my digital workplace for hours on end.

[@jobiej7416]

Which library do you use to fetch data from excel sheets?

[@pais.]

@@jobiej7416 probably pandas

[@ZoranRavicTech]

That doesn't seem relevant to the video, since he talked about UI frameworks and in you case you only needed backend.

[@d3f3kt57]

@@jobiej7416 You can fetch data from excel with pandas.

[@SaengerDruide02]

@@ZoranRavicTech I decided to make my frontend static basic HTML/CSS.

[@user-xl2om2up2x]

React removing the need for useMemo is awesome, glad they took a note from Svelte and Solid. Svelte shall still be my daily driver, but idk maybe I'll finally relearn React to get an actual job.

[@AppZoneIL]

I had a headache after watching this video 😂

[@nunograca2779]

Pick up one, preferably Vue/Nuxt, build something that brings value, then profit...ain't nobody got time for framework wars!!!

[@RottenMuLoT]

Yeah, fuck all this. Let's get back to C.

[@reverse_shell.asm.sh.exe1]

@@RottenMuLoT its all in the 0s and 1s, reject abstraction, embrace machine code

[@starmechlx]

Someone correct me if I'm wrong, cause I learned React 16 or something like that years ago and was like nah fuck this shit then learned Vue and have been using it ever since, so I am ignorant to the React ways, but why does it constantly seem like every React release the good way of doing something is now the bad way and the new way is the good way until the next release? I remember seeing stuff like third party packages just to do forms and stuff and that just seems fucking wild to me. Like it's so easy to handle in Vue in both the options api and the composition api, I don't get why you'd need to add an entire new package just to handle forms? There's no way 2 way binding still sucks that hard in React, right?

[@SpooningTreesap86]

@@starmechlx Same I learned on React Native first doing mobile stuff, then React but after using Vue at my full time job in a professional setting, I couldn’t imagine going back the bloat and spaghetti that is React.

[@reneonguitar]

I had to choose between React and Vue way back in 2020 and chose Vue and then later Nuxt and am constantly validated that I made the right choice every time I see these videos 😂

[@parvizsattorov2411]

PHP + Vanilla JS/JQuery = Peace of mind☺

[@idontknow4160]

7 seconds ago is astronomical 😭 😭

[@HartleySan]

And all these updates just make me want to use these frameworks even less. The fact that you had so little to say about Vue just means that it's already the GOAT and doesn't need to change much of anything.

[@examforge]

I am into NextJS since a couple of years. If its not toally outdated, replaced, or forbidden to use, I'll never switch. Even if there are better ones: Better be good in NextJS instead of being bad in all of the others.

[@zr9757]

I watched it all, thanks

[@hedwig7s]

You commented this 1 minute after the video released The video is 6 minutes long

[@TopBagon]

No u didn't. Which version of jQuery was released recently then

[@kshitiz5853]

@@TopBagon 9 🗿 prob

[@zr9757]

@@TopBagon whichever test built installs by default

[@user-dk5uv1xy5j]

Thanks for keeping us updated ! I don't know how to keep up with all these changes without your contents 😂

[@GigaSimp]

Never thought I would enjoy watching coding / digital niche videos, but here I am, addicted to this channel.

[@user-uk9er5vw4c]

did you start coding yet?

[@GigaSimp]

@@user-uk9er5vw4c Yes. Intermediate level.... Thanks to this channel, I have been inspired. I am really into AI...Hope some day I can build my own.

[@hamadaelwarky3640]

Svelte runes has devastated me

[@aarizhaque1965]

Me too 😭😭

[@enesbala5195]

They seem horrible at first but JoyOfCode has a few tutorials that make everything make sense

[@Prady.here.]

Why? It’s still pretty simpler than React…

[@justsomeonepassingby3838]

​@@Prady.here.The reason why i got into js frameworks was svelte being so simple Now i can't bring more people into web dev without having to tell them that what they are learning is going to be deprecated in a few months

[@hamadaelwarky3640]

@@justsomeonepassingby3838 if svelte 4 gets deprecated I'm gonna be devastated 😭

[@michaelres5335]

Angular the GOAT

[@prajwal6416]

Why is it though?

[@albertoarmando6711]

@@prajwal6416 for me, stability.

[@MrYass24]

@@prajwal6416 Mostly because its one of the oldest front end frameworks that are still keeping up with current trends so it has most of the user base

[@JJGlyph]

@@prajwal6416 It's a running joke on this channel. Angular is the worst and no it does not have the highest user base. Not even close.

[@Digitron001]

@@JJGlyph avg angular hater

[@ultrabikeboy]

Honestly I have no idea what these things are but this is very entertaining

[@g.e.t2489]

In just 2 minutes this video went from 0 view to over 1000 views. I love this for you man

[@vomaxHELLnO]

Awesome, thanks! How do you manage going through all of this?

[@VasylDotDev]

"some awesome new features you don't need" sounds like i need right now 🤫

[@4RILDIGITAL]

The promise of these new features is truly exciting for web developers.

[@ColonelNamek]

Mitre is gonna have a field day with all the vulnerabilities from these JavaScript frameworks.

[@isaacdruin]

Flork W

[@user-td6gg8zp3f]

man at this point hono.js deserve an 100 second video

[@alastairtheduke]

I need to learn these new soon obsolete features immediately!

[@TheRealCornPop]

Choice overload can cause us to delay decision-making, considering the many options available is taxing on our cognitive systems. Having more options also leads to decreased satisfaction, lower confidence in our choices, and a higher chance that we will regret our decisions.

[@leobottaro]

Good lord I am GLAD I switched away from web development as soon as I saw my Angular 2 project was obsoleted by Angular 5 at the time of release

[@anoh2689]

U switched to what field?

[@airixxxx]

@@anoh2689 He grows cabbages now

[@4nt1g3n]

What do you switch to? I am looking to switch too

[@vectoralphaSec]

Please tell us where you switched to?

[@IStMl]

@@anoh2689 he know exclusively uses C. Those standard lib functions names haven't changed in 40 years.

[@ayanoaman3179]

Looking forward to the day I get into college and actually start understanding this stuff. But for now I watch it for fun, and because something might stick in my memory and clutch at the most random time later on. Happened before when I used to watch 3blue1brown's math animation videos for fun.

[@lightlysal]

just start now.

[@n3l20]

Fireship? U know I had to click

[@Gigawattt]

The ad at the end was awesome, one, for being at t the end, and two, for being just as funny as the rest of the content, so I watched the whole ad anyway!

[@IronCandyNotes]

jQuery has still the best stackoverflow integration.

[@Taddy_Mason]

Can't wait to see what comes out next week.

[@457Deniz457]

3:44 🤣👌

[@MrBlazzerBoy]

Fireship never missed a chance to sneak it praise for Angular!

[@aryanmn1569]

Holy shit, I'm here on time

[@eugene2200]

Except React Compiler doesn't eliminate any hooks, it is a babel plugin which adds memoization/callback hooks

[@ytpeerz]

I stop watching to go rewrite all my apps with these shiny new features. I hope I finish before next week, cus I'll have to rewrite them again

[@alcymn]

This changes everything.

[@JTSC97]

Will the meta meta framework rabbit hole end? Find out on the next episode of what the hell happened to webdev!

[@SamFreelancePolice]

Finally this channel is back to it's roots of ridiculous never ending JS framework updates

[@martijnenco]

So glad I switched away from js sh*t.. I am now building a PWA in rails+hotwire with 0 custom js lines. Fully reactive, full with page and component transitions and all the other good shit :) Its heaven!

[@victor95pc]

The problem itself is not React, React is quite a simple view library, the problem is all the junk people throw in it... and it does not help when you go to learn react and in the guide page they RECOMMEND Next.js and Remix, instead of only pure React, seems they want you to learn huge pile of libraries instead of the actual thing you need.

[@luchodore]

Interesting setup mate, I came to a similar conclusion simplifying the setup with a PWA + Svelte kit 4. Fastest way to production as solo developer.

[@martijnenco]

@@luchodore I am trying to do the least amount of JS.. ..but svelte indeed is the one that is in the range of 'it is tolerable' for me :) To bad my employer still requires me to work with coffeescript and jquery sometimes ^^. Slowly refactering though..

[@GigaSimp]

>Just gonna grab some popcorn and watch the JavaScript framework wars unfold. #TanStackHereForTheDrama

[@TruthWalker]

Also known as the endless war which is needed to justify their existence.

[@oscarhagman8247]

I should have taken that backend job...

[@blackphoenix9680]

You always have awesome thumbnails!!

[@KulturanCov]

Wait, so I'm mean learning React right now. I don't need to learn memoization stuff if I will only use the latest version of React from now on?

[@parthdeshwal4419]

What do you mean?.... I'm gonna start learning react, any suggestion is appreciated

[@isaacalves6846]

If you are only going to use the latest version, yes.

[@Zhuclam]

Sadly, it doesn't work that way in the real world. Most jobs will still have deprecated or just old versions of React, meaning you have to know it all.

[@Centorios]

never waste a second of my life learning those edge case hooks, It was about time for those to be obsolete garbage

[@JanVerny]

@@Centorios Memoization is not an edge case. It's also not really difficult or time consuming. Is it better if you don't have to do it? Yes. But I would still suggest you learn and understand the concept as it will make you a better developer.

[@Bl4ckManu]

Been a frontend/full Stack dev for 7 years now (currently 28y old) and 2 years ago I became teamlead. Been coding less and less and thinking throwing the teamlead job and switch back to frontend or fullstack. I love the FE but with all these Frameworks and the recent and upcoming changes with AI I might stay teamlead.

[@fred.flintstone4099]

You don't need to know about all these frameworks, just pick one and stick with it. Make sure you keep up to date with whichever framework you pick tho, but you don't need to look at the others because they're mostly the same, they might do something different and it has some advantages and some disadvantages but in the end its just same same but different.

[@victor95pc]

Not for long, AI Teamleads are coming baby!

[@Bl4ckManu]

@@fred.flintstone4099 Yea, I am using Angular for years now. Tried a little bit of React and View but the company I am working with build its whole platform with Angular. I started there when we were

[@csibesz07]

Instead, put a chip in your brain and become a full time self driving car processor.

[@nocturnomedieval]

I'll just wait our AI overlords decide the chosen one framework they want to use for their human control/erradication system's frontend.

[@fred.flintstone4099]

Frameworks are abstractions to make it easier for humans, they're not needed for AI overlords which will write everything in obfuscated binary machine code.

[@muhammadluthfi9917]

What do you think of IDX developer from Google bro? Could you make video for these IDEA. Thanks

[@MrAdBounty]

HTMX is the GOAT. I already sold my soul to it

[@kishanbsh]

Complex form validations knocking the door

[@philosophia5577]

Please talk about Dart Macros... You used to make a lot of Dart and Flutter content, I miss that time!!

[@shreejal]

Babe, wake up fireship dropped a new video

[@shoopddawhooped]

OINK?! OINK Oink Oink, Squeel Sqeel, Squeel!

[@Drayken]

babe wake up the stack I spend 3 months learning is obsolete again

[@japie8466]

Stop repeating the same jokes over and over again

[@doubledouble3454]

I'm using Next js for years and everything so far going great. I had to refactor code on some major releases though. I hope they not ruin it.

[@victor95pc]

Wait for it dude, Using Next.js is a mistake, rewrite are coming! Hope you boss is calm person lol

[@user-iy1ch3lv3h]

Welcome to the black mirror

[@publicspeaker4009]

5:09 wait what 😭

[@zedx4749]

Another day of thanking god for not making me a frontend dev.

[@tikola_nesla]

HTMX mentioned!

[@yvan2563]

Enough with the stupid javascript frameworks already, keep it on the client side where we don't have any choice.

[@T33K3SS3LCH3N]

3:20 Vue my beloved. I'm normally not a fan of frontend, but Vue/Quasar won me over. The performance is no joke, I could swear I've seen code changes hot-reload into the browser before I had even finished pressing Ctrl+S.

[@robertputneydrake]

javascript sucks

[@Nadeli0]

Lame opinion.

[@devman5813]

new angular is game changer

[@chrismarks7495]

I'm already a fan of Honojs, having used it in multiple projects. The concept of HonoX really catches my attention. Thanks for keeping me updated and consistently delivering high-quality content!

[@GursimarSinghMiglani-ym7nu]

to all full stack devs: how is front end like? is it just like designing? im more interested in dsa and competitive programming. will i be satisifed working in backend?

[@juanpabloalvarez5105]

This is exactly what I needed to watch to know for sure that I made a good move by switching to Java and Angular.

[@mtarek2005]

finally, 15 ways to do the same thing

[@cariyaputta]

I'm happy with Go and HTMX.

[@jarradwilder]

With React adopting Svelte innovations I can now get a job AND enjoy myself, at the same time!

[@rchuhk100]

Love your videos! U r a lifesaver.

[@2u841r]

3:44 yeah, Christopher JS

[@yeahmanitsmurph]

Just updated my serverless, no-code framework to 2.0 where I introduce staples to compile my hand drawn pages together.

[@eneajahollari1203]

The GOAT Framework

[@fabiocroldan]

The future is minimalism and native web component (client and server side)

[@wdirex]

Smooth video with bunch of updates quashed into 6 mins. 🙌(the ultimate slack emoji)

[@vectoralphaSec]

What about a front-end or fullstack framework that doesn't need or use JavaScript??

[@benvicius672]

Honestly, it was kind of soothing to get 6 minutes of the usual Javascript shenanigans instead of the AI arms race. Brings me back...

[@Daniel15au]

The more JS frameworks I see, the more I lean towards doing as much as possible on the server side and using a library like htmx that can deal with server-rendered chunks of HTML.