10 JavaScript changes you missed in 2023

  Переглядів 704,632

Fireship

Fireship

5 місяців тому

How has JavaScript and web development changed in 2023? Learn about the top 10 updates to Next.js, React, Angular, Vue, and Node.js.
#webdevelopment #programming #top10
💬 Chat with Me on Discord
/ discord
🔗 Resources
JS groupBy method developer.mozilla.org/en-US/d...
Next.js Criticism pilcrow.vercel.app/blog/nextj...
HTMX in 100 Seconds • htmx in 100 seconds
🔥 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
- JavaScript framework of the year award
- New features in JS language
- HTML dialog element
- Next.js App Directory
- What is UnJS?
- Major changes to Angular 17
- Bun JavaScript Runtime vs Node.js

КОМЕНТАРІ: 962
@Fireship
@Fireship 5 місяців тому
Wanna go deeper? Get 40% off my full JS course all week with code CYBERFIRE fireship.io/courses/js/
@pilearn1266
@pilearn1266 5 місяців тому
We are already pros, waiting for more courses, by the way, I can help you create a trpc course
@BaldiReycaster
@BaldiReycaster 5 місяців тому
ok :/
@dog4ik
@dog4ik 5 місяців тому
I would love to go deeper but i am not in the mood
@cool_piglet
@cool_piglet 5 місяців тому
i'm already balls deep. the question is - why anybody needs this course when ydkjs is free?
@coltonaallen
@coltonaallen 5 місяців тому
Gotta keep em guessing so we can keep our jobs updating said framework anually
@echomjp
@echomjp 5 місяців тому
I love when frameworks reinvent themselves on a yearly basis! New methods mean new ways to create code that is unreadable to anyone.
@christophkrass6929
@christophkrass6929 5 місяців тому
let's all keep the AIs training data out of date!
@Benni1000games
@Benni1000games 5 місяців тому
Hence why I have been using Angular for years. Breaking changes are minimal and most can be automatically applied by migrations the Angular team provides with every update. Also helps that it ships with almost everything you need to build a fully featured site so 3rd party dependencies are kept at a minimum.
@bgill7475
@bgill7475 5 місяців тому
They reinvent themselves until they become the same as what came before.
@keremardicli4013
@keremardicli4013 5 місяців тому
And more interestingly, most of them apply PHP methods 😊
@juicegod777
@juicegod777 5 місяців тому
Don’t worry, AI can read it 😉
@7heMech
@7heMech 5 місяців тому
JavaScript community has to learn a new framework with every major framework update
@TVIDS123
@TVIDS123 5 місяців тому
I'm not sure if you meant to write the rebuttal to your comment within your comment itself (impressive if you did), but you're right. These ARE major updates, and by definition break things in a big way. I don't really see the point in releasing a major update if it doesn't cause a significant enough change for there for be major learnings for the developers 😅
@something3194
@something3194 5 місяців тому
@@TVIDS123 frameworks aren't supposed to be business gigs for whomever is weird enough to like learning new nonsensical paradigms every so often, that all are always striving further from the actual problems they were trying to solve
@bravethomasyt
@bravethomasyt 5 місяців тому
Vue hasn't changed at all in years. The composition API was released with Vue 3, but you can still use the options API which is basically the same thing that you used 6+ years ago.
@vikingthedude
@vikingthedude 5 місяців тому
We gotta keep the AI guessing
@hakuna_matata_hakuna
@hakuna_matata_hakuna 5 місяців тому
you mean evolve ,grow and learn from past mistakes ? yes very much
@madmartigan1634
@madmartigan1634 5 місяців тому
>Me, 2013: I think I'll use Vanilla JS until these frameworks stabilize >Me, 2023: I think I'll stick with Vanilla JS until these frameworks stabilize
@imdtap1448
@imdtap1448 5 місяців тому
I think I'll just stick to php.
@pau1phi11ips
@pau1phi11ips 5 місяців тому
​@@imdtap1448and use HTMX 🧠
@francoispro3799
@francoispro3799 5 місяців тому
>Me, 2013: I think I'll use Intercooler.js until these frameworks stabilize >Me, 2023: I think I'll use "Htmx" (the new name of Intercooler.js) until these frameworks stabilize ... and continue not wasting my time :)
@defidelity8711
@defidelity8711 5 місяців тому
This is so me, thanks to HTMX, any dynamic thing is done with vanilla js
@qwertt14
@qwertt14 5 місяців тому
You only have yourself to blame
@ruocaled
@ruocaled 5 місяців тому
excited to see ECMAScript slowly re-implement lodash for the next 20 years!
@TheSaintsVEVO
@TheSaintsVEVO 5 місяців тому
What the fuck is that emoji
@Linuxdirk
@Linuxdirk 5 місяців тому
And PHP.
@The-Torbey
@The-Torbey 5 місяців тому
I love how his 10 changes list starts at index 0
@peterlof
@peterlof 5 місяців тому
As a dinosaur who started back in '98 I have tons of respect for people who have to start learning all this stuff from scratch in this day and age. The sheer amount of information you have to consume and make your own is mind boggling.
@joshxwho
@joshxwho 5 місяців тому
and you also see the same things happening again and again and again and again and..
@PASZCZak47
@PASZCZak47 5 місяців тому
Did you ever heard of Indian UKposts tutorials?
@borstenpinsel
@borstenpinsel 5 місяців тому
I think it's easier to learn it freshly than using old stuff and overlooking changes for ages and then trying to integrate them to your dinosaur knowledge-base 😅
@peterlof
@peterlof 5 місяців тому
@@borstenpinsel getting stuck in old ways is a real threat for sure, it's important to keep up with change 👍😄
@axa993
@axa993 5 місяців тому
Thank you for acknowledging our pain. I remember when the realization of how much useless shit I know hit me.
@woelph
@woelph 5 місяців тому
As HTMX myself, I'm thrilled to get the Nobel prize of javascript
@LeeGee
@LeeGee 5 місяців тому
Congrats. Should I try and fit you into a Vue3 project?
@glebtsoy4139
@glebtsoy4139 5 місяців тому
@@LeeGee No joke, I actually proposed to start replacing Vue with HTMX in one of the old projects, cause all we are doing is trying to replace existing SSR HTML with Vue and JSON API, when there is almost no benefit to that in our case.
@jondoe79
@jondoe79 5 місяців тому
HTMX is just another jQuery alike library with less coding, sugar coated attributes and handler functions.
@zsomborjoelgyurkovics3523
@zsomborjoelgyurkovics3523 5 місяців тому
​@@jondoe79 Not completely true. HTMX much simpler and convenient to use. Especially if you use it with Hyperscript.
@unl0ck998
@unl0ck998 5 місяців тому
@@jondoe79 So nothing like jquery
@oivinf
@oivinf 5 місяців тому
I loved learning React a few years back and already then I couldn't understand half the existing projects out there (because they were made in an older, wildly different version) and when searching for something on Stack Exchange and even official docs mix deprecated old features and new supported features ☺
@morrisalanisette9067
@morrisalanisette9067 5 місяців тому
its a nightmare. same thing is happening with next.js 13. everything you learned is totally diff now.
@ShaferHart
@ShaferHart 5 місяців тому
People keep sleeping on Angular. Sure they redid the whole thing for version 2 but after that it's been the most stable, easy to understand Javascript framework out there but people want to be trendy 🤷. They've wasted so many productive hours learning new frameworks instead of accepting that Angular is just fine and no, the others aren't great either and are not worth the pain.
@marusdod3685
@marusdod3685 5 місяців тому
@@ShaferHart suuure, meanwhile lemme just create 4 files for every component and spam rxjs everywhere to cope with the lack of reactivity in components
@ThaJay
@ThaJay 5 місяців тому
@@ShaferHart I had an employer once who thought like this and I was like good for you but I'm not working with that shit.
@skim3708
@skim3708 5 місяців тому
@@ShaferHart I think there's reasons web developers choose React, not Angular. At least Angular is not that fine to them.
@genarponik4680
@genarponik4680 5 місяців тому
Javascript gets a new framework in literally every nano second
@fred.flintstone4099
@fred.flintstone4099 5 місяців тому
Yeah, but you can ignore them and just stick with React or Vue if you want to. Whichever you pick, you definitively want to use it together with Vite though.
@hsjoberg
@hsjoberg 5 місяців тому
No new framework is being talked about in this video...
@madd5
@madd5 5 місяців тому
@@fred.flintstone4099 You can't ignore it. Jobs will requires 100 different frameworks.
@cool_piglet
@cool_piglet 5 місяців тому
there is a js framework called "nano". i shit you not.
@RovelStars
@RovelStars 5 місяців тому
But there is a framework called reejs lol
@lelandkwong
@lelandkwong 5 місяців тому
Fireship always dropping knowledge combined with top-tier comedy
@schnicification
@schnicification 5 місяців тому
Just want to say thank you. 5 years ago I started learning angular using your angular/firebase tutorials, now I am a team lead and head Angular dev and I owe a lot of that to how good your tutorials are and how captivating your videos are.
@Narslimmus
@Narslimmus 5 місяців тому
That search tag example looked oddly familiar
@tot0N
@tot0N 5 місяців тому
Yeah.... That was also the reason I came to the comment section
@professorhuert7853
@professorhuert7853 5 місяців тому
wdym?
@daniel....
@daniel.... 5 місяців тому
It’s from a family friendly Christian video website
@jorgecortez7448
@jorgecortez7448 5 місяців тому
PRO-HUB :D@@professorhuert7853
@bit0fun
@bit0fun 5 місяців тому
With how insane web development has become, I'm glad I don't have to deal with it. Embedded may be difficult for a lot of people, but at least the toolchains have been the same for the past 30, 40 years
@okie9025
@okie9025 5 місяців тому
The tooling being older than Pangea is also precisely the reason why so many people find embedded difficult 😬
@lukemarvin
@lukemarvin 5 місяців тому
Sometimes I think I should try to become a “regular” developer to try to make more money. Then I see stuff like this and I’m like, “actually… C is fine.”
@filip0x0a98
@filip0x0a98 5 місяців тому
I actually am interested in embedded, assembly is my favorite subject rn, if you have anything from practice from that field I'd be glad if you shared it. Thanks
@asdfasdfasdf1218
@asdfasdfasdf1218 5 місяців тому
It's not insane, people just like to meme about it. It's gotten much saner since the days of people writing PHP pages in notepad full of SQL statements in the same file as their HTML.
@TheOnlyGhxst
@TheOnlyGhxst 5 місяців тому
You know, normally things NOT evolving is a bad thing, not something to be praised. The "insane" thing would be if web development HADN'T changed at all since 40 years ago.
@zwozoa5630
@zwozoa5630 5 місяців тому
I wish people were more focused on stabilizing technologies before developing new abstractions to go over it.
@BrianKoudijs
@BrianKoudijs 5 місяців тому
Please do the new angular in comparison to the old one in a 90 seconds video if possible
@adamcetinkent
@adamcetinkent 5 місяців тому
It used to be red and white, but now it's purply with a gradient.
@BrianKoudijs
@BrianKoudijs 5 місяців тому
​@@adamcetinkent😂 good one
@jsonkody
@jsonkody 5 місяців тому
Vue has been my framework of choice for about four years. I've been using it at work, and although there were times when I considered other options, I now believe it's in the best shape it's ever been. It's currently one of the strongest, if not the best, choices available. It's amazing how it has steadily improved over time.
@meme-vw1vi
@meme-vw1vi 5 місяців тому
good shill bro but srsly tho it’s the best one for people like me who don’t want to end up in the React torture dungeons
@donnacasterr6223
@donnacasterr6223 5 місяців тому
Best decision I made. Never bothered about the mess going on in React
@wuer-ns8wy
@wuer-ns8wy 5 місяців тому
Can I collab using Vue? I've been looking for work and heard open source was a good way to start.
@arjix8738
@arjix8738 5 місяців тому
As strong as Vue 3 is, it is still shackled by all the Vue 2 libraries and articles out there. Finding a library that turns out to be incompatible with Vue 3 bc it was made for Vue 2 is heartbreaking.
@kevin3434343434
@kevin3434343434 5 місяців тому
Agreed. I feel that I dodged a bullet by choosing Vue 5 years ago. Never had to torture myself with react!
@GaborGubicza
@GaborGubicza 5 місяців тому
Great video as always! Past 2 months were crazy and awesome as I'm transitioning from Hardware to Software Development. I started with JS, basic CSS, HTML now I want to make a MVP of one of my ideas, that involves mobile apps and I started looking at Flutter. Your channel is instrumental in my learning curve. Keep up the good work!
@dimalisovyk5277
@dimalisovyk5277 5 місяців тому
While people develop ChatGPT and Dall-e, JS developers are still trying to sort an array
@trainee5471
@trainee5471 5 місяців тому
I've just asked ChatGPT to sort me like 20 numbers, and it could not do it correctly
@Kamille-Millie
@Kamille-Millie 5 місяців тому
@@trainee5471 skill issue
@madhououinkyoma
@madhououinkyoma 5 місяців тому
Lmao this thread 😂😂
@codevector211
@codevector211 5 місяців тому
I'm loving these videos coming out this fast, thank you for all of your effort!
@_ryan843
@_ryan843 5 місяців тому
Great video, love your content! Keep up the amazing work 🙂 Wouldn't it be nice to have a react based frontend framework that was more focused on developer experience and stability rather than pumping out new features every year, an equivalent of laravel in react framework land would be fantastic 😩
@michaelpumo83
@michaelpumo83 5 місяців тому
Vue and Nuxt teams are killing it. They ripped out Vite, Vitest, Nitro and UnJS to make a better and wider dev community - even outside of Vue. This is all on top of making incredible strides with Vue / Nuxt 3 themselves. Now Evan is working on Rolldown to replace Rollup built with Rust. 🥳
@D4ngeresque
@D4ngeresque 5 місяців тому
Cool. I'm gonna go use HTMX now.
@ThePandaGuitar
@ThePandaGuitar 5 місяців тому
You just vomited a bunch of cosmetic buzzwords that haven't contributed any meaningful technological advancement that you couldn't do 15 years ago. Prime example of shiny toy syndrome.
@Zeioth
@Zeioth 5 місяців тому
I'm very happy to see vue getting popular. They've literally killed angular in market share (react not quite yet).
@chiboreache
@chiboreache 5 місяців тому
yeah, but i'm still can't find any work on Vue 🤷‍♂ to much xenophobia for chinese and free open products from murrica, and others countries just copied that behaviour, that's why everyone's uses ugly and slow _rect_ 🤢
@mosessichone785
@mosessichone785 5 місяців тому
​@@chiboreacherect?
@WolfPhoenix0
@WolfPhoenix0 5 місяців тому
I always love it when Fireship makes videos on topics I will never ever care about (except HTMX because I do want to learn more about that). 🤣
@defidelity8711
@defidelity8711 5 місяців тому
Mere reading the example page on the official site is enough to learn everything
@webdevnoob
@webdevnoob 5 місяців тому
Only HTMX is worth your time and it's easy. Everything else a time suck because they're inevitably going to reinvent themselves just because.
@alibahrami6810
@alibahrami6810 5 місяців тому
Fantastic! That's exactly what I meant! Adding a new section for comparing LLMs and a guide on using LLMs would be excellent!
@YuriyAndOthers
@YuriyAndOthers 5 місяців тому
Thanks @Fireship for amazing content and keeping us up to date!
@hamm8934
@hamm8934 5 місяців тому
Just sticking with Vue. Evan You is a powerhouse.
@xxXAsuraXxx
@xxXAsuraXxx 5 місяців тому
hes a communist
@JuriBinturong
@JuriBinturong 5 місяців тому
yes, same here.
@phoenix-tt
@phoenix-tt 5 місяців тому
He is the real GOAT. Btw, I just released the Rust-based compiler for Vue (it's in alpha). It's already 6x-60x faster than the official one and I plan to make it stable next year.
@hamm8934
@hamm8934 5 місяців тому
@@phoenix-tt sick! Send the repo link when youre ready :)
@rmitkus
@rmitkus 5 місяців тому
soooo good to have you back. youtube isn't the same without you.
@noobicorn_gamer
@noobicorn_gamer 5 місяців тому
I am not a developer or coder but I always come back here even though I don't understand much of it. The edits are always so on point and funny that even if I don't understand shit, it just drags me back in when there's new stuff uploaded here lol
@lizclipse
@lizclipse 5 місяців тому
As someone who works with Angular for a living, the recent updates (most of which have come in the last year, maybe 2) have made working with it so, so, so much nicer. It’s not a framework I’d choose personally (although I did choose it for work years ago, but there’s better now, and I prefer SolidJS myself) but many of the recent changes have made it almost fun to use it, so I’m very happy they’ve been expanding and improving. Things like standalone components and host directives make composing stuff really clean, and even though them introducing signals is kinda a meme, it genuinely does make working with changing values much cleaner than observables/async pipes have been. All of this combined with the massive 1st-party library ecosystem, it’s honestly one of the heavy punchers now, and I’d actually recommend giving it a go for people who are on the fence about which framework is worth trying.
@marusdod3685
@marusdod3685 5 місяців тому
standalone components isn't a feature, it's something other frameworks have had for years
@lizclipse
@lizclipse 5 місяців тому
@@marusdod3685 Sure, but it was only introduced this year with v15, so *for Angular* it is. They've been playing catch-up this last year and it's showing in how much better it's getting than it used to be.
@ghostinplainsight4803
@ghostinplainsight4803 5 місяців тому
I'm really looking forward to upgrading my works codebase from 12 to 17 in the new year. I love working with Observables and ramda more than anything any other framework has to offer for working with data. The new template language will finally clean up the html that I can't stand reading and made me cringe every time I was forced to add to the chaos.
@lizclipse
@lizclipse 5 місяців тому
@@ghostinplainsight4803 Bloody hell, good luck xD It'll certainly make the codebase nicer to work with, but we've been doing upgrades at most 2 versions at a time and even that's been tricky, going through 5 versions sounds painful
@muhammedozdogan5133
@muhammedozdogan5133 5 місяців тому
I'm sick and tired of those js libraries/frameworks, it's quite okay to stick with one language and use it for long time in backend, same for mobile development you can pick RN or Flutter and those doesn't change much but if you want to create a web application you are fucked up, I created 3 Nextjs applications in 3 years and each time when I open to add something I realized that Nextjs is changed completly.
@cool_piglet
@cool_piglet 5 місяців тому
well, nobody is forcing you to update everything. just use old versions.
@muhammedozdogan5133
@muhammedozdogan5133 5 місяців тому
@@cool_piglet Documents force mentally, they switch to new thing by default and I don't want to remember what I have used last year
@nickmartin7418
@nickmartin7418 5 місяців тому
Looking forward to the htmx course on fireship 👍
@winterbird4069
@winterbird4069 5 місяців тому
So happy having you back in my feed 😭 the dopamine when I see the notifications for your channel are unmatched
@shelterit
@shelterit 5 місяців тому
Interesting stuff as always. I've just wrapped version 1 of a a framework (private) that uses both Bun and htmx plus the subject oriented parts of rxjs (avoiding pipelines as much as I could), and it's really neat, small, super fast and server side rendering (well, kinda, with htmx it's kinda 50/50), outperforming any other system of normal ilk we've got for the larger systems in container environments. It sometimes really helps to start afresh with new tools, even if at first it feels daunting; well worth it.
@shittycoder5892
@shittycoder5892 5 місяців тому
Share git please
@shelterit
@shelterit 5 місяців тому
@@shittycoder5892 nope, private and company property, at least for now, sorry, but it's not rocket science
@dnserror89
@dnserror89 5 місяців тому
I've been a full-time FE dev for around 3 years now working with Next.js. Although 3 years isn't all that long, I'm already starting to get tired of the constant new developments in this space. Most of our projects are built with the pages router and we won't upgrade them unless nescessary later on. New projects however, are built using the app router and it's been so painful. There's so much confusion with this new approach. My lead developer basically called me crazy when I told him that components marked with "use_client" also run on the server and had to create a POC to show him, lol. Plus there's many third-party libraries that don't work with the app router yet. These changes are all happening too fast and it's basically driving me away from Next.js and instead looking at other options.
@Mr.x.187
@Mr.x.187 5 місяців тому
I'm in a similar boat, literally taking my 7 month downtime to rethink if I want to go back.
@yashsolanki069
@yashsolanki069 5 місяців тому
Could you please share ! the POC on how "use client" still does not make the component render on the client completely. I would love to know that.
@marusdod3685
@marusdod3685 5 місяців тому
@@yashsolanki069 all client components are first rendered on the server, like old next components used to before the upgrade. then any subsequent useeffects are rendered on the client. unless you explicitly disable server-side rendering, then it's just a plain spa React framework
@dnserror89
@dnserror89 5 місяців тому
@@yashsolanki069 i don't have the poc anymore. But you can check the prendering on the server if you disable javascript in your browser. Components marked with "use client" will still show their data, unless browser specific APIs are used or interactivity is required.
@bstkozik3001
@bstkozik3001 5 місяців тому
Less than 10 new frameworks released in 2023. JavaScript is clearly dying.
@madhououinkyoma
@madhououinkyoma 5 місяців тому
It’s already dead 😵
@yashsolanki069
@yashsolanki069 5 місяців тому
1:27 that's right there straight away taken live from a real website ph🤣 Good to see you back mate🤘
@LachlanMiller
@LachlanMiller 5 місяців тому
Vue didn't change much - great news! I'm pretty happy with the ecosystem now.
@readonlyden
@readonlyden 5 місяців тому
Angular became so nice and cool in last versions! And it works like a charm even for very small and very large projects!
@btx47
@btx47 5 місяців тому
I never felt that big difference since Angular 6. Okay, 17 has a new template syntax and vite is much faster in building. But I never had issues with using modules. I still use them to bundle components into groups, especially when developing libraries.
@trentbosnic
@trentbosnic 5 місяців тому
Angular always will and always has sucked balls
@DrDrero
@DrDrero 5 місяців тому
but the biggest bestest and most great change is the logo
@ofuets
@ofuets 5 місяців тому
I miss working with Angular.
@Feronom
@Feronom 5 місяців тому
​@@ofuetsdo you like angular more than Vue?
@santiagowu5365
@santiagowu5365 5 місяців тому
I love Bun! It's a really promising project and it can really simplify your dev experience. I've to give a try to HTMX later. Thanks for the report.
@jubaeralmamun4603
@jubaeralmamun4603 5 місяців тому
Jeff, we have been missing you for so long. I'm happy to see you back regularly on YT!
@praveenscience
@praveenscience 5 місяців тому
Amazing content as usual bro! 💪🏻
@kingarth0r
@kingarth0r 5 місяців тому
This is why web dev classes in college aren't good. Sure it's good to have classes that teach you the basics but web development beyond that is changing so much every year, the course would basically change every semester.
@CW91
@CW91 5 місяців тому
Even coding bootcamps would be pointless as well. By the time you are done with the course, they are already outdated 😅
@ghostinplainsight4803
@ghostinplainsight4803 5 місяців тому
I never learned any frameworks until I learned javascript, html & css. Now I can write them myself. If I saw something in a framework I challenged myself to replicate it. Maybe they should teach the basics instead of frameworks, or delve into how the frameworks use the low level primitives and patterns. Don't know didn't go to College, I didn't even finish High School, learned it all from UKposts and Books.
@stevepottz111
@stevepottz111 5 місяців тому
Are there any plans to update the Angular course? Or are you waiting until Angular reaches it’s final form? haha great video.
@vasyaqwe2087
@vasyaqwe2087 5 місяців тому
So good you’re back. Missed the amazing videos!
@hawk_ness
@hawk_ness 5 місяців тому
At this point i have given up on JS and its mutant children (The frameworks) and just going to stick with raw dogging HTML with HTMX and some kind of PHP Framework (CI4). 😰
@user-ub7vw3zx8c
@user-ub7vw3zx8c 5 місяців тому
Glad to have you back Jeff. Had us worried back there
@TheAlexLichter
@TheAlexLichter 5 місяців тому
I really hope UnJS will blow up even more in 2024 👏🏻 Such an underrated project - still.
@isimvol
@isimvol 5 місяців тому
Yeah cuz we don't have enough new things
@theilluminatimember8896
@theilluminatimember8896 5 місяців тому
@@isimvol your brain is just too smöl too keep track of them
@wlockuz4467
@wlockuz4467 5 місяців тому
Yeah like every other new thing in JS Land, am I right?
@_sevelin
@_sevelin 5 місяців тому
Have missed your videos! Glad to have you back
@jean_paiva
@jean_paiva 5 місяців тому
Its funny that each framework starts because they don't like something in a specific framework and want to do differently but in the end, they all become almost the same thing, like the most important thing is the market share to create a product on top of it later. Funny Runescape reference tho
@seagol666
@seagol666 5 місяців тому
Oh how i've missed you these past couple weeks Jeff, keep up the great content. A fireship video is much more entertaining than a Mr. Beast video ;)
@AniVerse_Guy
@AniVerse_Guy 5 місяців тому
@@dqvid_ Actually best
@michaelanthony4750
@michaelanthony4750 5 місяців тому
Wow you are so cool.
@seagol666
@seagol666 5 місяців тому
​@@dqvid_ thanks i compliment like i code
@stevealliance4370
@stevealliance4370 5 місяців тому
Happy to have you back @Fireship
@FromRootsToRadicals
@FromRootsToRadicals 5 місяців тому
I didnt know some of these. Thanks and good vids!
@dovh49
@dovh49 5 місяців тому
I built a simpler HTMX that focuses on forms I dubbed it HTMF but that was already taken on NPM so it is up on npm as "html-form". It's a fraction of HTMX size and doesn't need to be "hydrated" like HTMX does since all I need it to work is `addEventListener('submit', ...)`. I have been able to successfully create an offline-first SPA with it and a back end first progressively enhanced MPA with it. This pattern is amazingly powerful and amazingly flexible in what it can do.
@fred.flintstone4099
@fred.flintstone4099 5 місяців тому
Microsoft have an old library called jquery-validation-unobtrusive and another one called jquery-ajax-unobtrusive which lets you do form validation and Ajax form submission using HTML5 data attributes.
@boot-strapper
@boot-strapper 5 місяців тому
htmx is good even if you like javacript. Why wouldnt you want to just have less code to maintain?
@obvious_humor
@obvious_humor 5 місяців тому
less http requests / more client-side stuff
@phoneywheeze9959
@phoneywheeze9959 5 місяців тому
I saw a tutorial and it seemed the component would make a request to the server on every interaction. It looks like syntactic sugar over ajax
@boot-strapper
@boot-strapper 5 місяців тому
@@phoneywheeze9959 it’s up to the person writing the code to determine much or how little to render. You get full control.
@acxd
@acxd 5 місяців тому
amazing video man , just kept similing the whole video!
@prainlopez2734
@prainlopez2734 5 місяців тому
I love it when you put some shiny new features in frontend infrastructures
@giorgos-4515
@giorgos-4515 5 місяців тому
every javascript framework converges to the react(hooks mostly,effects,state etc etc.) way of doing things with some major improvements, and then react just decides to go down the server components rabbit hole that nobody(except Vercel that has significant interest obv) asked for.
@turolretar
@turolretar 5 місяців тому
Let them cook, maybe they’ll discover something interesting
@wlockuz4467
@wlockuz4467 5 місяців тому
I am just waiting for Vite to support RSCs
@dachewster9999
@dachewster9999 5 місяців тому
Not even an honorable mention of Qwik 1.0 in May? Qwik is a game changer in the fact it completely changed to no hydration!
@atemrandyasong5710
@atemrandyasong5710 5 місяців тому
We missed you so much Jeff 😭😭❤️❤️ Thanks for coming back
@Xe054
@Xe054 5 місяців тому
Tfw you're feeling depressed, but a new Fireship video makes you laugh and saves the day.
@rylanharper
@rylanharper 5 місяців тому
Nuxt has been incredible recently 💯
@HartleySan
@HartleySan 5 місяців тому
With every year that goes by and with every framework update, the only thing I'm thinking about is wanting to get more and more away from using JS, and when I do have to use JS, not having to use a framework.
@marcopeterson805
@marcopeterson805 5 місяців тому
​@@madd5hell no, we just want a simple universal way to load on scroll and refresh elements. Everything can be done server-side.
@saadhabashneh5587
@saadhabashneh5587 5 місяців тому
PHP is the way
@okie9025
@okie9025 5 місяців тому
If you try to use JS for a large project without a framework, eventually you will reinvent the wheel by creating your own custom framework which will most likely be: - unmaintainable because new developers will not know how to use it - unoptimized because you don't have the resources that huge teams with decades of experience have - unergonomic because it was created for a single purpose and is not a general solution
@RomvnlyPlays
@RomvnlyPlays 5 місяців тому
@@marcopeterson805Blazor server side!
@HartleySan
@HartleySan 5 місяців тому
@@okie9025 Yes, I do agree with this, and when I'm "just another dev" at a company that wants to do things a certain way, it makes sense, but for my own things, I don't like the thought of introducing some of these frameworks at all, or at least, not so early in the process.
@licokr
@licokr 5 місяців тому
How's every video is this useful...amazing work. Thank you!
@CoconutKhajiit
@CoconutKhajiit 5 місяців тому
Man, I am just so happy to see you are back
@arthureberledev
@arthureberledev 5 місяців тому
Your statement about Next.js slow dev server being made with rust is not correct though. The current (slow) dev server is still webpack. The new one (turbopack) is made with rust, but is still in beta and has some compatibility issues.
@NineSun001
@NineSun001 5 місяців тому
TO be honest the angular update cought me by surprise. Created a new side project (as you do...) and got completely dumbfounded as I thought I had a stroke while reading it. It is nice now.
@ArbitraryZer0101
@ArbitraryZer0101 5 місяців тому
"Compared to PHP; one of the most offensive slurs you can make against a JS framework" Fucking GOLD.
@wul_frik
@wul_frik 5 місяців тому
Welcome back bro, missed ya a lot
@MMMS75
@MMMS75 5 місяців тому
What I got out of this: - Next.js is unusable by anyone outside of Vercel, but is still popular - Vue and Svelte (my choice) are still the most rational developers experiences - but Svelte wants to deprecate core things people are used to and like about it (I’m not happy about that) - bun still rocks
@48_subhambanerjee22
@48_subhambanerjee22 5 місяців тому
1:27 I SEE WHAT YOU DID THERE 💀💀☠️☠️☠️ SUS....
@HelloWorld-fg2nm
@HelloWorld-fg2nm 5 місяців тому
So good to see you back!
@gamer_si
@gamer_si 5 місяців тому
Thanks for the informative video. Would have been nice to see the "using" keyword.
@nested9301
@nested9301 5 місяців тому
i use nuxt and it's awesome! + u didn't mention astro they really dropping enhancements everyweek lol :)
@94sl
@94sl 5 місяців тому
With Rails' new philosophy of a "renaissance developer" being pushed by DHH about going back to monolithic full-stack development and actually being productive as developers business value-wise, I can't help but feel like JS-related frameworks are about to be "so last season"... I'm back to writing Python Django myself and trying to be be productive without using all sorts of Pocket or Supabases and still getting stuff off the ground - and somehow I bet I'm not the only one. As described by someone else, most JS-frameworks feel like they were such a "zero-interest-rate phenomenon", haha :'D
@iuc7254
@iuc7254 5 місяців тому
I agree!!.. am building a website now, and I swear am writing my server using only the stdlib... i dont have time for their shit
@phillies4eva
@phillies4eva 5 місяців тому
Or just use angular with a barebones api… pretty sure that framework is only seen as uncool because it actually works decently. Not knocking simplicity though. At least 80% of frameworks are just wrappers for relatively simple processes you can write in any turing complete language
@trentbosnic
@trentbosnic 5 місяців тому
Regardless of what you think, React will continue to dominate like it has for the last 10 years
@phillies4eva
@phillies4eva 5 місяців тому
@@trentbosnic used both angular easier. Popularity not a proxy for goodness. Look at popular anything these days
@lmcc189
@lmcc189 5 місяців тому
going back to rails for the same reason with all the knowledge I gained working with node/js
@usamaali2178
@usamaali2178 5 місяців тому
Good to have you back man
@jochenvanseveren
@jochenvanseveren 5 місяців тому
Didn't know I missed Fireship comical vids so much.
@re.liable
@re.liable 5 місяців тому
I didn't know the dialog API was recent... I've been using it for my past 2 projects. Makes sense why tutorials do not use it (they create dialogs from scratch) and the confusing methods (.show() vs .showModal())
@danvilela
@danvilela 5 місяців тому
Is it generally available though?
@Crowbar
@Crowbar 5 місяців тому
@@danvilela yes
@CW91
@CW91 5 місяців тому
Users who are using older browsers may not be able to view it.
@jmtnr6787
@jmtnr6787 5 місяців тому
@@CW91 are there even users with older browsers?
@Crowbar
@Crowbar 5 місяців тому
@@CW91 good
@LW0832
@LW0832 5 місяців тому
Can‘t wait to search for solutions in a not updated documentation :)
@The-Torbey
@The-Torbey 5 місяців тому
Have the problem all the time with Shopware. Either out of date or not even there
@madhououinkyoma
@madhououinkyoma 5 місяців тому
Gotta love it when you’re still stuck on an old version of some package and they’ve just removed the documentation for it…
@marchlopez9934
@marchlopez9934 5 місяців тому
The year 2023 brought significant changes to various industries, including web development where most frameworks reinvented themselves. Some of the recent changes in JavaScript include the standardization of new language features in ECMAScript, such as the object group by and array 2 sorted, which allows manipulating arrays as immutable values. Web developers also got new HTML elements, including the search tag and dialogue element, which allow creating modal dialogues and controlling them with JavaScript. Next.js, the most popular JavaScript framework, became entirely different from what it was last year, thanks to the app directory that became stable in May with version 13.4. However, the app directory has received mixed reviews due to its rushed and half-baked nature, making running Next.js correctly challenging outside of Vercel. Other frameworks, such as Nu and the Vue ecosystem, also had cool updates, including Dev tools that make it easier to understand complex applications. Finally, Spelt announced a new feature called runes, which will change the developer experience in version 5 by getting rid of reactive variables and stores.
@jasontruter7239
@jasontruter7239 5 місяців тому
Lol that RuneScape picture for runes took me back to my childhood😅thanks!
@GLENC0C0
@GLENC0C0 5 місяців тому
When designing these frameworks (apart from htmx), did anyone ever ask, is this actually accessible and understandable for developers?
@marusdod3685
@marusdod3685 5 місяців тому
if they weren't no one'd be using them and they'd fade into irrelevancy
@chizuru1999
@chizuru1999 5 місяців тому
I love angular. its very stable and I can do anything without going to search or install 3rd party libraries and not worry about something breaking.
@fiveDust
@fiveDust 5 місяців тому
loved the example
@SmallDeskLife
@SmallDeskLife 5 місяців тому
Having Wix Studio as the ad spot at the end of this video is perfect. Why deal with JS when you can noCode.
@EvilTim1911
@EvilTim1911 5 місяців тому
I watch these to catch the latest buzzwords so I can throw them around in an interview
@8ctopus0000
@8ctopus0000 5 місяців тому
Never has a web dialog made me tear up. Hi mom indeed
@benjamin_fdw
@benjamin_fdw 5 місяців тому
Happy to see you back
@MarthinusBosman
@MarthinusBosman 5 місяців тому
Brilliant video series! Please do one every year!
@DK-ox7ze
@DK-ox7ze 5 місяців тому
Ah, the good old days of JS framework wars.
@StefanoV827
@StefanoV827 5 місяців тому
Angular new logo is basically adobe but colorful 😅
@yoyoemojisapps6414
@yoyoemojisapps6414 5 місяців тому
lol
@miguelborges7913
@miguelborges7913 5 місяців тому
I was malding for not seeing htmx mentioned in the list. Glad I waited till the end before commenting. 😅
@javadmnjd
@javadmnjd 5 місяців тому
In vue 3 I made a component out of Dialog element, and to be honest it was great, UNTIL I needed to show a tooltip over the dialog, where the tooltip utility I had written was inside the body tag, AND the new dialog element was rendered at the top layer, meaning my tooltip was rendered behind the backdrop. sad story, good bye dialog element, until there's a way to render something over it from outside the dialog ...
@Metruzanca
@Metruzanca 5 місяців тому
Hey Jeff, what makes you use svelte over solidjs? I started using svelte about 2 years ago but last year tried solid and I haven't looked back. Solid has similar reactive/signal patterns as svelte, but allows you to use jsx instead of svelte style templates.
@chris-pee
@chris-pee 5 місяців тому
Worth noting that you still can't use Typescript in Svelte templates. So even if you're not a fan of JSX, it's better to use Solid if you value type-safety.
@danvilela
@danvilela 5 місяців тому
Svelte has bigger community, meaning more and better packages. Also better DX.. solid is just react on steroids
@recursiv
@recursiv 5 місяців тому
@@danvilela Solid is not react anything. React re-invokes render functions whenever anything changes and uses reconciliation copiously. Solid re-invokes render functions never and has no need for reconciliation. This affects what code you can write. React requires ways of tracking component identity between renders, and it's a thing that can go wrong. This is not a thing in solid.
@danvilela
@danvilela 5 місяців тому
@@recursiv doesn’t matter, DX is still similar. I use svelte to scape from react. But if you like jsx its a solid option
@anxpara
@anxpara 5 місяців тому
​@@chris-peethat feature was announced recently, and iirc will be added in version 5
@steveoc64
@steveoc64 5 місяців тому
2 big hits in the webdev realm for me in 2023 : 1) HTMX, means I don't need any layers of BS on the frontend anymore 2) Zig web libs have matured, so I don't need any layers of BS on the backend anymore 1 + 2 == Super lean and clean, and so simple to work with. It's nice to be able to just focus on the app for once, and not have all this massive baggage that comes with all these frameworks and tools. Generate a single statically linked binary, that includes all embedded assets, build for any platform, and only needs a few MB of memory to run. Rust, Vue, React, Next, Angular, Go, PHP, Java, Node, etc etc - can all go in the bin now.
@ev3rybodygets177
@ev3rybodygets177 5 місяців тому
damn astro slighted... transitions are sweet
@dienvidbriedis1184
@dienvidbriedis1184 5 місяців тому
i decided to give it a try and use nextjs for one project. now my nostalgy glands are tingling for older and simpler php times.
@remsee1608
@remsee1608 5 місяців тому
I just use vanilla JS and it is ridiculously comfy
@dal2452
@dal2452 5 місяців тому
This is why web development pisses me off. There are too many frameworks to learn and they constantly change, some might be better or worse in any given year. Developing windows apps is easy because all you need is .NET and C#. There needs to be a standard ECMA framework.
@leandro.cuminato
@leandro.cuminato 5 місяців тому
Now I have to release a new javascript framework just to compete for this amazing prize Thanks for giving me motivation
@nullternative
@nullternative 5 місяців тому
This cracked me up a bunch. Thanks.
21 Awesome Web Features you’re not using yet
8:31
Fireship
Переглядів 958 тис.
100+ JavaScript Concepts you Need to Know
12:24
Fireship
Переглядів 1,8 млн
JavaScript Framework Tier List
40:57
Theo - t3․gg
Переглядів 271 тис.
Is "edge" computing really faster?
8:14
Fireship
Переглядів 553 тис.
Every CSS Animation property
9:26
chunkydotdev
Переглядів 43 тис.
Node.js is a serious thing now… (2023)
8:18
Code With Ryan
Переглядів 621 тис.
how to never write bug
7:20
Fireship
Переглядів 815 тис.
Best OS for programming? Mac vs Windows vs Linux debate settled
8:41
How to NOT Fail a Technical Interview
8:26
Fireship
Переглядів 1,3 млн
10 Programmer Stereotypes
5:08
Fireship
Переглядів 3 млн
Has Generative AI Already Peaked? - Computerphile
12:48
Computerphile
Переглядів 319 тис.
🤯Самая КРУТАЯ Функция #shorts
0:58
YOLODROID
Переглядів 3,1 млн
❌УШЛА ЭПОХА!🍏
0:37
Demin's Lounge
Переглядів 272 тис.
Apple Event - May 7
38:22
Apple
Переглядів 6 млн
How Neuralink Works 🧠
0:28
Zack D. Films
Переглядів 25 млн