15 crazy new JS framework features you don’t know yet
ฝัง
- เผยแพร่เมื่อ 27 พ.ค. 2024
- Try Brilliant free for 30 days brilliant.org/fireship
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/courses/nextjs/
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? - วิทยาศาสตร์และเทคโนโลยี
web devs keep introducing new frameworks and changes to make sure current ai never becomes capable of replacing them
big brain 1000x 5D chess move 😂😂💀
😂😂😂😂
I hope AI will not create their own JavaScript framework
until the AI starts to create the frameworks themselves
now you have to compete with AI in learning to be competitive.
My boss is getting really pissed that I’ve spent the past 10 years rewriting the same project every 30 days.
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.
blessed
Me too, I cannot stop rewriting my app each week, PLS HELP
🤣🤣
30 days is not fast enough.
Fuck it. I no longer identify as full stack. Backend only.
Right? I am trying to run away from frontend as well.
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
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..
Huh...too late... i jumped to entirepricr java a few years ago...
If you learned HTMX in a day you are still full stack
Suspicious lack of AI in these recent features
th-cam.com/video/d4_FXbFMuMo/w-d-xo.htmlsi=4rpWZc-j9EH5Lcsm
Probrably because they're trying to make it so that ai can't replace them lol.
Wiat for it next year will be 16th and 17th framework with AI
Million libt has some monetized features that leverage language models
almost like... AI hits its peak
"some awesome new features you don't need" sounds like something i need right now
I like how Fireship can both insult and compliment all of those JS frameworks
its almost undetecible half of the sarcasm that's thrown in with the same monotone delivery
except Angular(the goat)
I just finished a 6 months fullstack course. Now I am here. What the fuck.
Welcome to the jungle! 🤣
Same, I haven't been able to find a job in the following 6 months
Welcome. You can take my spot. Im leaving. F*ck all of this sh*t.
its never ending
which course may i ask?
Meanwhile most business logic is running on some 20 year old technology
hello cobol old friend. we are replacing you with java serverlets.
"kiiiillllll meeeeee", withered programming language
if it works don't touch it
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.
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
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.
true
Still often use PHP + JQuery at work, but it is nice to see that all those JS frameworks are having fun
Write less do more 😁
I've been using PHP8.* + Alpine + HTMX
Same 😂
same
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
What kind software engineer???
@@vectoralphaAI The best kind.
@@Fanmade1b there is no such thing.
Never used any of these frameworks.
.NET + WPF back in the days
.NET + ASP Blazor (WEB and hybrid) nowadays
Believe it or not, there are developers who have nothing to do with the web at all. I am one of them.
Why features? I thought we will never have to code again!
You just need a serverless codeless releaseless product, and then you're 100% set for the future!
@@tokeivo Sounds like you need a productless product. AI can certainly help with that
Webdev is so bloated I genuinely feel bad for devs, I'd change career or something because that's too much
@@whannabiwhat do you recommended as an alternative?
@@anoh2689 I would recommend toilet cleaning.
I can't watch this while having lunch, literally almost died 3 times.
I also get mad anxiety from all this
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
*figuratively
Me too. Trying here to understand ReactJs... and now this!!
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.
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
@@TileBitan ah, vanillaJS, good old times
@@and_I_am_Life_the_fixer_of_all 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)
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.
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
Angular mentioned? Angular called the GOAT? Video deserves a like
And now it's more performant than React, amazing. Signals rule
I’m a backend guy and this is all a foreign language, but I watched the entire thing because fireship delivers.
I like how jQuery was at the bottom of the iceberg. 0:11
and htmx bellow Jquery
it's evolving, just backwards
Partial pre-rendering is exactly how I thought static and dynamic pages worked when I was little
Brother was coding while still in the womb
lil Ricardo has 10 years of experience at 5 years old
But, you are still little , grasshopper
Good stuff! Minor nitpick: JSR is not a package manager, just a registry (that is compatible with all npm targeting package managers).
repeat after me
"I don't need react!"
"I don't need fancy animations!"
"I just need a webpage that just works"
... So... SvelteKit?
@@pieterrossouw8596 as a svelte user, fuck sveltekit
Youre starting to sound like a backend dev with that one buddy
Most people put their sponsored ads at the beginning or in the middle of their videos but fireship puts them at the end, respect
As always JS frameworks reinventing the wheel and making it octagonal
Hat exactly is being reinvented??
The way these updates keep changing everything is gonna make me a full time backend dev.
Ah, yess... You think you're safe!...
as a full stack, it's just a different pain that hurts you the same way
Ok that does it, I've had enough now, PHP & jQuery here I come baby
Try PHP and HTMX and you will not regret it, JQuery is dead(not needed anymore)
@@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
@@victor95pc there are so many jQuery plugins, how can htmx compete with that?
Front and dev: how many frameworks do I need to learn?
mitosis: yes
Pick up one, preferably Vue/Nuxt, build something that brings value, then profit...ain't nobody got time for framework wars!!!
Yeah, fuck all this. Let's get back to C.
@@RottenMuLoT its all in the 0s and 1s, reject abstraction, embrace machine code
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?
@@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.
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 😂
I had a headache after watching this video 😂
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.
Which library do you use to fetch data from excel sheets?
@@jobiej7416 probably pandas
That doesn't seem relevant to the video, since he talked about UI frameworks and in you case you only needed backend.
@@jobiej7416 You can fetch data from excel with pandas.
@@ZoranRavicTech I decided to make my frontend static basic HTML/CSS.
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.
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.
@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.
7 seconds ago is astronomical 😭 😭
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.
As a desktop developer, it's actually INSANE how much web devs have to learn about and choose between
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.
Never thought I would enjoy watching coding / digital niche videos, but here I am, addicted to this channel.
did you start coding yet?
@@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.
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 TH-cam. Even if I don't understand 70% of what you're talking about haha
In just 2 minutes this video went from 0 view to over 1000 views. I love this for you man
Angular the GOAT
Why is it though?
@@prajwal6416 for me, stability.
@@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
@@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.
@@JJGlyph avg angular hater
I watched it all, thanks
You commented this 1 minute after the video released
The video is 6 minutes long
No u didn't. Which version of jQuery was released recently then
@@TopBagon 9 🗿 prob
@@TopBagon whichever test built installs by default
Thanks for keeping us updated ! I don't know how to keep up with all these changes without your contents 😂
You always have awesome thumbnails!!
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.
Svelte runes has devastated me
Me too 😭😭
They seem horrible at first but JoyOfCode has a few tutorials that make everything make sense
Why? It’s still pretty simpler than React…
@@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
@@justsomeonepassingby3838 if svelte 4 gets deprecated I'm gonna be devastated 😭
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!
Awesome, thanks! How do you manage going through all of this?
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
U switched to what field?
@@anoh2689 He grows cabbages now
What do you switch to? I am looking to switch too
Please tell us where you switched to?
@@anoh2689 he know exclusively uses C. Those standard lib functions names haven't changed in 40 years.
"some awesome new features you don't need" sounds like i need right now 🤫
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.
Can't wait to see what comes out next week.
PHP + Vanilla JS/JQuery = Peace of mind☺
Mitre is gonna have a field day with all the vulnerabilities from these JavaScript frameworks.
Flork W
Honestly I have no idea what these things are but this is very entertaining
thank you for information
man at this point hono.js deserve an 100 second video
I need to learn these new soon obsolete features immediately!
Man I love your programming news so much
Finally this channel is back to it's roots of ridiculous never ending JS framework updates
Fireship? U know I had to click
jQuery has still the best stackoverflow integration.
Fireship never missed a chance to sneak it praise for Angular!
Thanks, bro.
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
Holy shit, I'm here on time
The promise of these new features is truly exciting for web developers.
I also have some SWE tips if anyone’s interested. Otherwise, amazing video!!
3:44 🤣👌
Will the meta meta framework rabbit hole end? Find out on the next episode of what the hell happened to webdev!
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.
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.
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!
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.
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.
@@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..
Thanks for the video GOAT
Except React Compiler doesn't eliminate any hooks, it is a babel plugin which adds memoization/callback hooks
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?
What do you mean?.... I'm gonna start learning react, any suggestion is appreciated
If you are only going to use the latest version, yes.
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.
never waste a second of my life learning those edge case hooks, It was about time for those to be obsolete garbage
@@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.
I'll just wait our AI overlords decide the chosen one framework they want to use for their human control/erradication system's frontend.
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.
love your videos and your sens of humour
Love your videos! U r a lifesaver.
HTMX is the GOAT. I already sold my soul to it
Complex form validations knocking the door
I should have taken that backend job...
Great video. Would love to see a HonoX in 100 seconds
thanks!
Welcome to the black mirror
Babe, wake up fireship dropped a new video
OINK?! OINK Oink Oink, Squeel Sqeel, Squeel!
babe wake up the stack I spend 3 months learning is obsolete again
Stop repeating the same jokes over and over again
This is exactly what I needed to watch to know for sure that I made a good move by switching to Java and Angular.
This changes everything.
Enough with the stupid javascript frameworks already, keep it on the client side where we don't have any choice.
Another day of thanking god for not making me a frontend dev.
With React adopting Svelte innovations I can now get a job AND enjoy myself, at the same time!
What do you think of IDX developer from Google bro? Could you make video for these IDEA. Thanks
javascript sucks
Lame opinion.
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.
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.
Not for long, AI Teamleads are coming baby!
@@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
Instead, put a chip in your brain and become a full time self driving car processor.
Smooth video with bunch of updates quashed into 6 mins. 🙌(the ultimate slack emoji)
What about a front-end or fullstack framework that doesn't need or use JavaScript??
Hey Fireship, what do you say about the "no-JS" Django way of full stack. I learnt that the first thing after basic python 5 years ago and that's all I use (except Flutter for mobile) should I get into JS?
I really started to love hono for quick "hey lets build an API" projects.
This guy is genius
>Just gonna grab some popcorn and watch the JavaScript framework wars unfold. #TanStackHereForTheDrama
Also known as the endless war which is needed to justify their existence.
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.
Just updated my serverless, no-code framework to 2.0 where I introduce staples to compile my hand drawn pages together.
Please make a video about Refine React, and compare it with other frameworks
I'm happy with Go and HTMX.
The GOAT Framework