Navigating the JavaScript framework ecosystem

The JavaScript framework landscape is ever-evolving, making it exhilarating and overwhelming at the same time. This talk will cut through the noise, providing a comprehensive overview of the latest trends, updates, and best practices in popular frameworks like Angular, React, Vue, and rising stars like Svelte and SolidJS. We'll explore real-world use cases, examine developer sentiment, and help you make informed decisions for your next web development project.
Speakers: Katie Hempenius, Addy Osmani
Watch more:
Check out all the Web videos at Google I/O 2024 → goo.gle/io24-web-yt
Subscribe to Google Chrome Developers → goo.gle/ChromeDevs
#GoogleIO
Event: Google I/O 2024

[@ChromeDevs]

Check out all the web sessions at Google I/O → goo.gle/io24-web-yt

[@neversitdull]

07:37 - Angular 12:20 - React 20:23 - Next.js 23:20 - Remix 27:35 - Vue.js 29:58 - Nuxt.js 32:37 - Astro 39:16 - Svelte 40:36 - SvelteKit

[@david.thomas.108]

Doing God’s work, thanks!

[@jorgechristophergarzasepul3209]

Was any JSFramework created during this video ?

[@farrela.846]

Im not even surprised if a new framework popped out ☠️☠️

[@brokeloser]

Yes google created 3 new framework, then abandoned them all

[@Andres-jc6hr]

😂😂😂😂😂

[@george_davituri]

definitely

[@TerranceBhS]

I'm 20 minutes in and they're currently announcing the 6th one, while explaining how this framework is better and more efficient than the last 3 announced.

[@afuzzybearsyoutubechannel2812]

Astro mentioned 🎉🚀🥳👩‍🚀🥳🚀🎉

[@ivanhbxyz]

yuhhh! 🚀

[@user-lq7xz1th4x]

39:16 Svelte

[@misterspock3756]

The Remix/react-router announcement at ReactConf just before I/O means some of the info presented here will become obsolete very soon. The "blink and you miss it" is spot on.

[@AddyOsmani]

I felt that! The Remix is taking a nap => React Router news was a bit of a surprise, but hopefully the Vite and SPA mode related updates are still helpful for folks.

[@kirso]

Love to see Astro & Sveltekit!

[@stursby]

Nuxt 🐐

[@jhonyhndoea]

JS ecosystem is like what happens when you have a large cake and everybody wants to put a little more sugar on top. it's a big sugar mountain and now you got diabetes.

[@contact4rajesh]

@Addy Osmani great job as usual !!

[@TheAlexLichter]

Lovely overview 👏🏻 Hope that some points will be added soon!

[@eliuddyn]

Amazing 🔥🔥

[@chris_kouts]

Why was SolidJS not mentioned in this? It is the gamechanger.

[@Septumsempra8818]

Cough couch angular

[@theophiled]

it is mentionned at 2:31 (SolidStart)

[@AddyOsmani]

Great question! We put together a whole section on SolidJS too but had to cut it for time. That said, I'm hopeful we'll be able to give a more extended version of this talk at some point with it included in full :)

[@obetomuniz]

Honest job like always! By mentioning competitors, we can see how compromised the Google team is committed to web progress over any competition. Everyone wins at the end of the day.

[@kuhltime]

Thanks for the video. Really well made. ❤

[@Yusuf-ok5rk]

6:19 i love how each time google does some video, there is some silly, star trek episode looking like studio made for this. kudos for effort. edit: I just noticed... Lord Enver Gortash, is that you?

[@AddyOsmani]

I had to look that reference up, but I'll take it 🤣

[@Kampouse]

a real good talk !

[@AddyOsmani]

Thank you very much!

[@Aristocrator]

Omg. Improved code readability illustration for react compiler makes me cry

[@aberbaCodes]

My advise to developers, don't chase frameworks. You'll waste so much time thinking your have to learn everything new. You'll be fine. Learn to build good software, learn core principles, and focus on one stack. Although I agree you'll need to update yourself, don't keep chasing every new thing, you can't. It's not worth it and will burn you out.

[@dennisadamczyk]

Why are you using the old Next.js logo? When was this talk recorded? 🤔

[@AddyOsmani]

I think Google I/O's design team may have updated that during production. Sorry! We do like the newer logo!

[@andersondamasceno1356]

Some times less is more. So many javascript options can be overwhelming for someone who is starting the web journey. I am not against creating new things for web, but the question remains: why so many doing the same things?

[@andersondamasceno1356]

@@user-if1de8pt2j I don't think the analogy you used is a good one. Cars have many prices, and models and there is the money factor. I am not against javascript at all. I study js, but as someone who has no guidance choose a js framework can be challenging. For example if you choose java or C# or PHP you don't have to think too much about wich tools and frameworks to pick up.

[@mrx.2233]

I am not sure what to think of this video. Not sure what to take away from this. Moving onto the next.

[@user-vj9hb3gy6d]

Which of these frameworks make use of the web standards?

[@winfredj9820]

svelte

[@nicholas6497]

I haven't tried Svelte like the other commenter but I know Remix does as well.

[@florentd.5817]

I hate JSFramework because in most case, you don't need and it create horrible and closed environment. Svelte is nice, use svelkit is simplier, use specific UI, install nodejs..... ok it's powerfull but so much sites don't need. Small pieces of js are enough.

[@imranabubakar5360]

Nuxt.

[@jaysonpamittan7530]

Vue and Nuxt rocks!

[@hrivera4201]

React server side only benefits to the cloud companies to gain much more.

[@moosesaid]

Vue 🚀

[@wingmann3632]

I use framework called vanilla js

[@george_davituri]

👍

[@chinmayk8004]

@Rich Harris

[@WayneSchuller]

Why are Google pretending to objectively present the JS frameworks when they are behind Angular? React segment felt cringe. As did the self-proclaimed "Angular renaissance".

[@rayyanabdulwajid7681]

Because they still want to be relevant by posting videos

[@nicolaska1761]

Still better than pretending that there is no other solution than angular don't you think ?

[@AddyOsmani]

We work on Chrome and collaborate directly with the React, Next.js, Vue, Nuxt, Astro, Angular and many other teams in the framework ecosystem on performance improvements. Painting all of Google with a single brush of opinions would be inaccurate.

[@maskedvillainai]

Still can’t use mobile for literally any Google product.

[@QueeeeenZ]

Nuxt ❤❤❤

[@PhonkNerdyBit-ik8en]

astro, htmx, solidjs

[@Skyasbjj]

Where is the Great Gatsby? 😂🎉

[@LiquaFoo]

It’s best not to

[@pythagoran]

Claims "JavaScript in moderation" - htmx never mentioned. Alpine? Hello? Shiny toys only it seems... L takes

[@pauljohnsonbringbackdislik1469]

-1 for giving too much legitimacy to AI hype