Navigating the JavaScript framework ecosystem

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 ก.พ. 2025
  • 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-w...
    Subscribe to Google Chrome Developers → goo.gle/Chrome...
    #GoogleIO
    Event: Google I/O 2024
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 71

  • @ChromeDevs
    @ChromeDevs  8 หลายเดือนก่อน +3

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

  • @neversitdull
    @neversitdull 8 หลายเดือนก่อน +23

    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
      @david.thomas.108 8 หลายเดือนก่อน

      Doing God’s work, thanks!

    • @mostafaabobakr
      @mostafaabobakr 7 หลายเดือนก่อน +2

      Chapters already included
      only Vue is name View lol

    • @Mostafaabobakr7
      @Mostafaabobakr7 7 หลายเดือนก่อน

      @@mostafaabobakr I thought it was a new framework lol

    • @Mostafaabobakr7
      @Mostafaabobakr7 7 หลายเดือนก่อน

      also Nuxtjs => N in chapters

    • @kissu_io
      @kissu_io 6 หลายเดือนก่อน

      View and N. Interesting. 😂

  • @jorgechristophergarzasepul3209
    @jorgechristophergarzasepul3209 8 หลายเดือนก่อน +133

    Was any JSFramework created during this video ?

    • @farrela.846
      @farrela.846 8 หลายเดือนก่อน +8

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

    • @brokeloser
      @brokeloser 8 หลายเดือนก่อน +18

      Yes google created 3 new framework, then abandoned them all

    • @pompompurin-g6j
      @pompompurin-g6j 8 หลายเดือนก่อน +1

      😂😂😂😂😂

    • @george_davituri
      @george_davituri 8 หลายเดือนก่อน +1

      definitely

    • @TerranceBhS
      @TerranceBhS 8 หลายเดือนก่อน +1

      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
    @afuzzybearsyoutubechannel2812 8 หลายเดือนก่อน +40

    Astro mentioned 🎉🚀🥳👩‍🚀🥳🚀🎉

    • @ivanhbxyz
      @ivanhbxyz 8 หลายเดือนก่อน

      yuhhh! 🚀

  • @aberbaCodes
    @aberbaCodes 8 หลายเดือนก่อน +9

    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.

  • @misterspock3756
    @misterspock3756 8 หลายเดือนก่อน +9

    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
      @AddyOsmani 8 หลายเดือนก่อน +1

      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.

  • @Александр-ч4п5ъ
    @Александр-ч4п5ъ 8 หลายเดือนก่อน +29

    39:16 Svelte

  • @kirso
    @kirso 8 หลายเดือนก่อน +13

    Love to see Astro & Sveltekit!

  • @leojacquemin1836
    @leojacquemin1836 7 หลายเดือนก่อน

    Thank you so much for filming this

  • @stursby
    @stursby 8 หลายเดือนก่อน +15

    Nuxt 🐐

  • @TheAlexLichter
    @TheAlexLichter 8 หลายเดือนก่อน

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

  • @Yusuf-ok5rk
    @Yusuf-ok5rk 8 หลายเดือนก่อน +1

    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
      @AddyOsmani 8 หลายเดือนก่อน +1

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

  • @contact4rajesh
    @contact4rajesh 8 หลายเดือนก่อน

    @Addy Osmani great job as usual !!

  • @obetomuniz
    @obetomuniz 8 หลายเดือนก่อน

    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.

  • @eliuddyn
    @eliuddyn 8 หลายเดือนก่อน +1

    Amazing 🔥🔥

  • @jhonyhndoea
    @jhonyhndoea 8 หลายเดือนก่อน +15

    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.

    • @UncleJemima
      @UncleJemima 7 หลายเดือนก่อน +1

      and, like diabetes, there is no cure for JS
      you can only mitigate the damage

  • @kuhltime
    @kuhltime 8 หลายเดือนก่อน +3

    Thanks for the video. Really well made. ❤

  • @mrx.2233
    @mrx.2233 8 หลายเดือนก่อน +1

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

  • @Kampouse
    @Kampouse 8 หลายเดือนก่อน +3

    a real good talk !

    • @AddyOsmani
      @AddyOsmani 8 หลายเดือนก่อน +1

      Thank you very much!

  • @chris_kouts
    @chris_kouts 8 หลายเดือนก่อน +10

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

    • @Septumsempra8818
      @Septumsempra8818 8 หลายเดือนก่อน

      Cough couch angular

    • @DesignThinkerer
      @DesignThinkerer 8 หลายเดือนก่อน +7

      it is mentionned at 2:31 (SolidStart)

    • @AddyOsmani
      @AddyOsmani 8 หลายเดือนก่อน +11

      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 :)

    • @robertsimplerino
      @robertsimplerino 4 หลายเดือนก่อน

      gamechanger? how?

  • @andersondamasceno1356
    @andersondamasceno1356 8 หลายเดือนก่อน +7

    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
      @andersondamasceno1356 8 หลายเดือนก่อน

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

  • @WayneSchuller
    @WayneSchuller 8 หลายเดือนก่อน +8

    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
      @rayyanabdulwajid7681 8 หลายเดือนก่อน +1

      Because they still want to be relevant by posting videos

    • @nicolaska1761
      @nicolaska1761 8 หลายเดือนก่อน +2

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

    • @AddyOsmani
      @AddyOsmani 8 หลายเดือนก่อน +10

      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.

  • @dennisadamczyk
    @dennisadamczyk 8 หลายเดือนก่อน +1

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

    • @AddyOsmani
      @AddyOsmani 8 หลายเดือนก่อน +2

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

  • @தமிழோன்
    @தமிழோன் 8 หลายเดือนก่อน

    Which of these frameworks make use of the web standards?

    • @winfredj9820
      @winfredj9820 8 หลายเดือนก่อน +4

      svelte

    • @nicholas6497
      @nicholas6497 8 หลายเดือนก่อน

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

    • @florentd.5817
      @florentd.5817 8 หลายเดือนก่อน

      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
      @imranabubakar5360 8 หลายเดือนก่อน

      Nuxt.

  • @jaysonpamittan7530
    @jaysonpamittan7530 8 หลายเดือนก่อน

    Vue and Nuxt rocks!

  • @vmaksym
    @vmaksym 7 หลายเดือนก่อน

    Thank you for cool video

  • @hrivera4201
    @hrivera4201 8 หลายเดือนก่อน

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

  • @moosesaid
    @moosesaid 8 หลายเดือนก่อน

    Vue 🚀

  • @QueeeeenZ
    @QueeeeenZ 8 หลายเดือนก่อน +4

    Nuxt ❤❤❤

  • @AtomicPixels
    @AtomicPixels 8 หลายเดือนก่อน

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

  • @Aristocrator
    @Aristocrator 8 หลายเดือนก่อน

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

  • @Skyasbjj
    @Skyasbjj 8 หลายเดือนก่อน

    Where is the Great Gatsby? 😂🎉

  • @chinmayk8004
    @chinmayk8004 8 หลายเดือนก่อน +1

    @Rich Harris

  • @george_davituri
    @george_davituri 8 หลายเดือนก่อน

    👍

  • @PhonkNerdyBit-ik8en
    @PhonkNerdyBit-ik8en 8 หลายเดือนก่อน

    astro, htmx, solidjs

  • @wingmann3632
    @wingmann3632 8 หลายเดือนก่อน

    I use framework called vanilla js

  • @LiquaFoo
    @LiquaFoo 8 หลายเดือนก่อน

    It’s best not to

  • @pauljohnsonbringbackdislik1469
    @pauljohnsonbringbackdislik1469 8 หลายเดือนก่อน

    -1 for giving too much legitimacy to AI hype

  • @pythagoran
    @pythagoran 8 หลายเดือนก่อน

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