Build a Simple HTMX Project | HTMX Explained with Examples

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 ก.พ. 2025

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

  • @Tayyab-g9p
    @Tayyab-g9p 11 หลายเดือนก่อน +6

    I completed your React and Node.js tutorials and I have no words for thanks to you.
    I was struggling with node.js but you make it very simple , again , thanks a lot 😊.

  • @thebilalafsar
    @thebilalafsar 11 หลายเดือนก่อน +6

    I've been waiting to learn HTMX from you. Great content, as always, with clear explanations and examples😊

  • @irvanicsmoke1132
    @irvanicsmoke1132 11 หลายเดือนก่อน +1

    the timing is just right. thank you so much dave.

  • @eboyd53
    @eboyd53 11 หลายเดือนก่อน +4

    Thanks Dave. Hono sounds interesting and a vid on it would be great.

  • @amanrawat2177
    @amanrawat2177 11 หลายเดือนก่อน +2

    Again one of the awesome tutorial. Thanks Dave 😊

  • @7doors847
    @7doors847 11 หลายเดือนก่อน +5

    Hey! Tuesday Dave! 🤘
    Forgot to mention, Yes! absolutely do a Hono tutorial.

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

    Htmx is really awesome.❤ It removes the headache of all js frameworks. Thanks Dave.

  • @TravinskiyVladislav
    @TravinskiyVladislav 11 หลายเดือนก่อน +1

    That's good. Looks like a great feature.Thank you Dave

  • @frackinfamous6126
    @frackinfamous6126 11 หลายเดือนก่อน

    Just the kinda guy I was waiting to learn HTMX from!!! LFG sir.

    • @frackinfamous6126
      @frackinfamous6126 11 หลายเดือนก่อน

      Sitting here learning Elysia as you posted this. Perrrrfect!

  • @MarkVolkmann
    @MarkVolkmann 11 หลายเดือนก่อน +2

    It would be good to mention the upsides of generating some of the HTML on the server. Those include moving all the state management to the server so it is in one place. Also, the endpoints no longer need to be versioned since they are specific to the app, not shared like many JSON API’s are.

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

    Hey i liked some of your videos of advance topics in javascript, keep doing more videos like those please :D

  • @avelinecash
    @avelinecash 11 หลายเดือนก่อน

    finally, an htmx tut from you. thanks!

  • @alvarouribe8416
    @alvarouribe8416 9 หลายเดือนก่อน

    Thank you Dave this is a great first video on HTMX. I just find out a little bug in the backend part. PR added to your project :)

  • @aghil_shoja
    @aghil_shoja 11 หลายเดือนก่อน

    Hi, it was interesting Dave!
    I like the colors and design you've used on your website and your vedios on TH-cam and anything related to design, it doesn't bother eyes. 👍

  • @eg___xo
    @eg___xo 9 หลายเดือนก่อน

    You are great at what you do. I apprecaite you!

  • @amblessedcoding
    @amblessedcoding 11 หลายเดือนก่อน +1

    Thank you so much
    More video on htmx

  • @gregben4002
    @gregben4002 10 หลายเดือนก่อน

    Thanks for the tutorial. For others, if you get the error "'tsx' is not recognized as an internal or external command, operable program or batch file.", update npm and/or node.

  • @maciejlegowicz5834
    @maciejlegowicz5834 9 หลายเดือนก่อน

    A very useful explanation of the HTMX concept. As my weapon of choice is PHP (mainly Laravel framework) it is still useful, as I may use HTMX on my next project. Thanks - cheers

  • @krzysiekkrzysiek9059
    @krzysiekkrzysiek9059 11 หลายเดือนก่อน +1

    Nice, thx Dave 👌

  • @PostMeridianLyf
    @PostMeridianLyf 9 หลายเดือนก่อน

    I haven't touched htmx yet but man this looks super easy to implement with Firebase functions in a nodejs environment.

  • @samsorge27
    @samsorge27 11 หลายเดือนก่อน +2

    Welcome back Dave!

  • @kumargupta7149
    @kumargupta7149 11 หลายเดือนก่อน

    Very much needed ❤

  • @robmorris5732
    @robmorris5732 10 หลายเดือนก่อน

    Nice tutorial. How would I set the todo items to browser storage?

  • @emerelle3535
    @emerelle3535 9 หลายเดือนก่อน

    I'm somewhat excited about that htmx stuff and might explore it. but don't have any experience on that "backend-stuff". I thought I could do it with php or something. I'll see how it goes. x)

  • @kirillzlobin7135
    @kirillzlobin7135 11 หลายเดือนก่อน +1

    Dave is a real JS ninja :)
    My question is: do you have any experience with .NET and C#? And what do you think about this technology. I think if you could explain this - it would be super popular.

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  11 หลายเดือนก่อน +1

      I have limited experience with it. My oldest son prefers C#. It has a lot of similarities to TypeScript because they share the same creator.

  • @thecodemon
    @thecodemon 11 หลายเดือนก่อน

    I love your videos, thanks for making this tutorial. I have a request, can you make a tutorial of (GoLang+HTMX) simple full stack project.

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  11 หลายเดือนก่อน +1

      I haven't covered GoLang yet. Good suggestion!

  • @KaimanGod
    @KaimanGod 11 หลายเดือนก่อน

    Great video teacher

  • @anjaneyulub2529
    @anjaneyulub2529 11 หลายเดือนก่อน

    It would be great if u make video hono . Btw Awesome video as always Dave

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

    Oh my lord... I did this type of thing decades ago using jQuery Ajax where I'd hackishly return HTML content and inject to html. Then the industry moved to JSON paylods and having some UI framework render the data. Now we are going back to spitting back HTML content? I hope you're not planning on making APIs to some of your data as it seems like you might be doing double work (one end point to get /orders and return JSON... another for /orders to get order list for your front end).

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

      I'm wondering how terrible it'd be to have your UI web server query your API, receive Json, inject to html for the the front end... ?

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

      @jinglyjones1677 the beauty of json is that its agnostic to the UI rendering it. It is up to the consumer on what they want to do with the data. If you spit html out, you're forcing them to use your html structure.

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

      @@Xaero324 yeah I understand that. I'm wondering if a solution to your question is to have an API service returning Json (agnostic to usage). Direct calls to API hit this service and return Json.
      Then you also have a small UI server which calls the API, receives Json and produces HTML.

  • @RamaKodehode
    @RamaKodehode 11 หลายเดือนก่อน

    Would love to see Hono tutorial

  • @aarondantley1293
    @aarondantley1293 5 หลายเดือนก่อน +1

    Maybe it’s just me, but I’m not understanding how this helps to make an application that can scale well? It seems like your backend code is now returning html or jsx elements that would have to be maintained separately from the frontend code. It’s an odd way to try to maintain an application for a large team development team I think, and makes it tough to keep track of what is the front ends responsibility vs the backend. Great video explanation either way, but I don’t necessarily see the advantage of making those two parts closer together in this way for a growing company. I understand that it’s meant for simple low traffic environments, though I think the re tooling for a scalable application is worth starting with a framework imo

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

      It's much easier to scale using the HTMX approach because most of the code resides on the server and doesn't need to be sent to the client.
      Additionally, the server can use a more performant language like Go, which scales much better.
      This approach is quite similar to React Server Components, but simpler.

  • @keshavjuneja6499
    @keshavjuneja6499 11 หลายเดือนก่อน +1

    hono video please, AND DAMM THANK YOU FOR THIS HTMX TODO

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

    Thanks

  • @saeedkhazalvand4821
    @saeedkhazalvand4821 11 หลายเดือนก่อน

    I will learn it 🎉

  • @portiseremacunix
    @portiseremacunix 10 หลายเดือนก่อน

    Is Hono a backend framework?

  • @muchirajunior
    @muchirajunior 9 หลายเดือนก่อน

    Did you do the hone tutorial ....?

  • @zakariaf446
    @zakariaf446 11 หลายเดือนก่อน

    Do you write your code this clear the first time or you redo it at the end?
    Yes for the hono video

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  11 หลายเดือนก่อน

      This was the first time. However, it is always good to go back and clean up code.

  • @dobingify3130
    @dobingify3130 11 หลายเดือนก่อน

    is htmx sufficient to not use axios anymore?

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  11 หลายเดือนก่อน +1

      You will not be using axios with HTMX.

  • @007kowalski
    @007kowalski 10 หลายเดือนก่อน

    Please, please, please create some project-based tutorials with HTMX.

  • @angeldenable
    @angeldenable 11 หลายเดือนก่อน

    It sounds great but it feels like it is reinventing somehow php by depending on a server. Edit: I love your videos. thanks a lot

  • @avelinecash
    @avelinecash 11 หลายเดือนก่อน

    please do hono and maybe how to deploy it on a server with htmx? thanks in advance..

  • @farookquisar1
    @farookquisar1 11 หลายเดือนก่อน

    Thanks for your tutorial.
    I think Astro is better choice than HTMx. Please correct me if I’m wrong.

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  11 หลายเดือนก่อน +1

      They can be used together. You don't have to choose one or the other.

  • @fscubetech7219
    @fscubetech7219 11 หลายเดือนก่อน +1

    The great content.

  • @prakashbanjade4374
    @prakashbanjade4374 11 หลายเดือนก่อน +7

    Have you grown your hair long? I like them

  • @itsadriano792
    @itsadriano792 11 หลายเดือนก่อน

    Hello, I know this has nothing to do with this video but youve helped me alot wiht videos and im lost so I want to shoot my shot :)... I have coded something in python which I was able to extract to an .exe but I want to send to an user for hhim to use. Which I cant becasue windows deffender detects it as malware and always blocks the download at the user end. I dont want him to download python or put off all anti viruses..

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  11 หลายเดือนก่อน

      This could be a good discussion for my Discord that is linked in the video description. Other Python users will also be able to comment.

  • @naranyala_dev
    @naranyala_dev 11 หลายเดือนก่อน

    GO + HTMX is the best

  • @dev-akeel
    @dev-akeel 11 หลายเดือนก่อน +2

    5:50 Yes please that would be great.

  • @rifatmunna
    @rifatmunna 11 หลายเดือนก่อน

    it's great .

  • @ebeidimohamed
    @ebeidimohamed 11 หลายเดือนก่อน

    🎉Tnks

  • @Bazixxx
    @Bazixxx 2 หลายเดือนก่อน

    Why even distinguish between Frontend and backend? Just put everything in backend - even the index.html.?

  • @perronemirko
    @perronemirko 9 หลายเดือนก่อน

    My only question is, how can I run tests on HTMX ?

  • @allgiftbernardali150
    @allgiftbernardali150 11 หลายเดือนก่อน

    Great

  • @SemionZilbert
    @SemionZilbert 11 หลายเดือนก่อน +1

    Wait why is it a "monorepo" when there are 2 things, a backend and a fontend, I thought mono means 1 of something...

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  11 หลายเดือนก่อน

      Lol that's legit question. There is one repo. That's the mono part. If using TypeScript it can share types between the two separate projects within.

  • @naranyala_dev
    @naranyala_dev 11 หลายเดือนก่อน

    bun bun bun

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  11 หลายเดือนก่อน

      One bun will get it done lol... But yes, you could use it instead of node.

  • @billyfigueroa1617
    @billyfigueroa1617 11 หลายเดือนก่อน

    Thank you for the tutorial. First time hearing about it and I have to say…it feels yucky to me 🤢
    I don’t like it lol

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  11 หลายเดือนก่อน

      It does seem to have a polarizing effect. Either devs really like it or they really don't lol.

    • @billyfigueroa1617
      @billyfigueroa1617 11 หลายเดือนก่อน

      @@DaveGrayTeachesCode all love over here. If you like it more power to you. I don’t judge. Let them choose the right tool for them ✊🏾
      Thanks again!

  • @prakashbanjade4374
    @prakashbanjade4374 11 หลายเดือนก่อน

    I am the first😅

  • @chuckynorris616
    @chuckynorris616 11 หลายเดือนก่อน

    unsubbed i dont care about another stupid framework these influencers try to push when they run out of content

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  11 หลายเดือนก่อน +7

      You might consider I've had a lot of requests for it. And I'm not an influencer. I'm an educator who loves code and learning new things. I don't push anything.

    • @chuckynorris616
      @chuckynorris616 11 หลายเดือนก่อน

      @@DaveGrayTeachesCode htmx is not a standard, it doenst solve anything and was made by a nobody. your shiny framework will die just like the rest of them, but hey you got your views 🤷this is why I stick to backend only, because stupid shit like this

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

    index.tx - line 38
    where does this closing parenthesis come from?