HTMX: Why You Don't Always Need a SPA Framework - Duncan Hunter - NDC Sydney 2024

Sdílet
Vložit
  • čas přidán 11. 09. 2024
  • This talk was recorded at NDC Sydney in Sydney, Australia. #ndcsydney #ndcconferences #developer #softwaredeveloper
    Attend the next NDC conference near you:
    ndcconferences...
    ndcsydney.com/
    Subscribe to our CZcams channel and learn every day:
    / ‪@NDC‬
    Follow our Social Media!
    / ndcconferences
    / ndc_conferences
    / ndc_conferences
    #html #vuejs #reactjs #angular #htmx #ux #web #app
    The HTMX library allows you to access modern browser features directly from HTML rather than using JavaScript or a framework like React, Angular or Vue.
    We'll discuss a Hypermedia Driven Application (HDA) architecture, a new/old approach to building web applications based on the server returning HTML vs JSON that can help you avoid the complexity and overhead of more complex frameworks.
    By the end of this talk, you'll better understand when and why you might choose HTMX over a single page app for your next web app.

Komentáře • 22

  • @ParhamSalamati
    @ParhamSalamati Před 2 měsíci +6

    Although sound cut-offs were absolutely distracting, Thanks for sharing! :D

  • @CristianKirk
    @CristianKirk Před měsícem +8

    I think JS frameworks, as we know them today, are on the way out. And I don't think HTMX is a framework, I just see it as an amazing tool/library for doing and handling ajax requests, HTMX won't force any kind of structure on your project. I'm using HTMX in production combined with Symfony (PHP) for the backend.

  • @TechTalksWeekly
    @TechTalksWeekly Před 2 měsíci

    This is an excellent talk and it has been featured in the last issue of Tech Talks Weekly newsletter 🎉Congrats!

  • @Dmitry-Moiseenko
    @Dmitry-Moiseenko Před 2 měsíci +1

    Thank you for a great talk! 😊

  • @coffeeintocode
    @coffeeintocode Před měsícem +3

    Good talk. Timestamps would help though

  • @TheDistantTrain
    @TheDistantTrain Před 2 měsíci

    Bought the Govee bulbs when you recommended them before. Looking into these now, thanks, Erin.

  • @evoker7lug
    @evoker7lug Před měsícem +2

    I think HTMX doesn't have millions of NPM downloads because most developers use it via CDN

  • @CernyMatej
    @CernyMatej Před 2 měsíci +1

    "I can actually call the server from an anchor tag with a href and actually do a get to my server" :D

  • @drax432
    @drax432 Před 2 dny

    If we start sprinkling attributes like hx-delete, hx -swap all over the htmls, will it impact maintenance and readability of html ? I am more concern on big complex frontend.

    • @drax432
      @drax432 Před 2 dny

      Similarly, if we add hx-trigger attributes in 100 different locations to trigger ajax call to fetch some data from server, then i decide to change my mind to replace the ajax call, with fetching data from local storage, e.g, will this require to apply the changes manually at 100 locations?

  • @fahim8690
    @fahim8690 Před 2 měsíci

    ❤❤

  • @abrahamtio
    @abrahamtio Před měsícem

    so package data in html instead of a json. replace an spa's component-rendering with a server-side method that returns html. a backend dev has to learn html, or a front end dev has to learn something other than javascript. looks like a solution looking for a problem

    • @555mek
      @555mek Před měsícem

      i dont know anything about this, i listen for the poetry, but the problem is the complexity of managing state on the client side. and as for learning, i dont know the words, but you simplify the build process or something. i wish i could think of a reason to try this cause even i know html and im not any kind of dev.

    • @emmanikenna
      @emmanikenna Před měsícem

      Also, This will force your to create a separate backend for api for other platform like mobile apps. I rather use jquery than htmx

    • @tokeivo
      @tokeivo Před měsícem

      @@emmanikenna That's both true and false... HTMX (or HATEOS or whatever the right term is here) doesn't talk with the api. It talks with the app-state-engine.
      If you think you're transferring "the data", you're looking at it wrong. You're building the app on the fly. The backend is not sending you "the users", it's sending you "the user list window".
      If you need to build an api anyway, there's a chance HTMX is not for your project and you'll be better off using a framework that can consume your api.

  • @pookiepats
    @pookiepats Před měsícem +1

    Stop calling it a framework lol wtf

    • @pookiepats
      @pookiepats Před měsícem

      Now a methodology is a framework too ok dude

    • @zombiefacesupreme
      @zombiefacesupreme Před 3 dny +1

      It's classic inversion of control. HTMX calls the code you put into HTML attributes. HTMX is clearly a framework by the traditional definition.

    • @pookiepats
      @pookiepats Před 2 dny

      @@zombiefacesupreme wrong yet strongly stated - what a treat

    • @zombiefacesupreme
      @zombiefacesupreme Před 2 dny

      @@pookiepats I'm glad you like it! I can't link to it here, but feel free to read "Is htmx Just Another JavaScript Framework?" by Alexander Petros on the official HTMX site if you want to understand more. Have a good evening! 🙂

    • @pookiepats
      @pookiepats Před dnem

      @@zombiefacesupreme ok I'll be back!

  • @howemeet
    @howemeet Před 22 dny

    bring back jquery and stop inventing new frameworks