htmx in 100 seconds

Поделиться
HTML-код
  • Опубликовано: 23 ноя 2024

Комментарии • 2 тыс.

  • @ThePrimeTimeagen
    @ThePrimeTimeagen Год назад +1562

    i love htmx almost as much as i love you

    • @H3cJP
      @H3cJP 8 месяцев назад +21

      awww

    • @mr.mirror1213
      @mr.mirror1213 8 месяцев назад +6

      @@saviocri good introspection

    • @edoutside4315
      @edoutside4315 8 месяцев назад +2

      bruh... 🤗

    • @fb-gu2er
      @fb-gu2er 7 месяцев назад +20

      So gay

    • @ventacode
      @ventacode 6 месяцев назад +8

      Does that mean you hate him ....

  • @henninghoefer
    @henninghoefer Год назад +2510

    As a backend dev, I think I would love this. No npm incantations. Great to quickly slap together an "admin UI" for backend parameters, custom monitoring etc.

    • @iy42
      @iy42 Год назад +124

      Exactly what I use it for -- I've got tons of small dashboards in production using htmx

    • @heitorvrb
      @heitorvrb Год назад +278

      You'd think you'll love it until you realise you have to return HTML from your backend.

    • @dBradbury
      @dBradbury Год назад +57

      @@heitorvrb It doesn't seem like it would be to hard to hook into the HTMX events and use templates so you're only returning data.

    • @w01dnick
      @w01dnick Год назад +88

      @@heitorvrb and what is the problem with that? I'm not familiar to htmx, but with Ruby-on-Rails it's easy to return both html or json or anything else.

    • @yash1152
      @yash1152 Год назад +29

      this thread & replies above are gold nuggets (:

  • @nickoates
    @nickoates Год назад +4628

    How does Fireship always manage to make a video on the exact topic I'm interested in at the time?

  • @sharkpyro93
    @sharkpyro93 Год назад +31

    everyone in the comments talking like they work on the browser version of adobe suite when in reality its just crud with some fancy css animation lmao this is more than enough to 80% of the projects out there...not everything needs to be an overengineered spa

  • @Greedygoblingames
    @Greedygoblingames Год назад +59

    IMO this is the right direction of travel. HTML was never designed for the complex modern websites we have these days. Javascript and all the JS frameworks built over the years have merely been hacks to get the web to do what we want, while we should have really been redesigning HTML.

  • @jeffnikelson5824
    @jeffnikelson5824 Год назад +4377

    I can imagine using this for minimalistic small project that don't require a lot of logic. but building a large enterprise solution with this looks insane

    • @darkbluewalther
      @darkbluewalther Год назад +289

      In theory this is absolutely possible, but what's currently lacking to me are developer tools. Debugging is complicated, especially when using framework like Django or Laravel that are not thought with htmx is mind.

    • @jocke8277
      @jocke8277 Год назад +149

      Yeah, I've seen people talk about this a lot but it's looks underwhelming imo.. Like, why would I use this

    • @compote-s1r
      @compote-s1r Год назад +77

      It is not meant for that but mostly light web app that require a bit of UX improvement, for example Django framework is a very good combo.

    • @tomich20
      @tomich20 Год назад +126

      Using php to render htmx ❤

    • @simplylizz1
      @simplylizz1 Год назад +311

      On the other hand, building a large enterprise solution is always looks insane 😐

  • @n0xter95
    @n0xter95 Год назад +234

    I can finally drop all my active projects and start a new one on HTMX until Fireship uploads something that'll make me drop the next project

    • @nonelelacele9300
      @nonelelacele9300 Год назад +5

      🤣🤣🤣🤣

    • @yeikiu
      @yeikiu Год назад

      been there, done that

    • @andy-ally
      @andy-ally Год назад +6

      So true. Not sure if I should add it at the end of my list of 2589 new technologies to learn or I should swap it with something as it sounds quite revolutionary.

    • @n0xter95
      @n0xter95 Год назад +2

      @@andy-ally i create a repo with something new to learn. Commit for 2/3 days
      Fireship uploads
      New repo, new stuff
      Redo

    • @webdevnoob
      @webdevnoob Год назад

      LOL but I doubt that because HTMX looks like a keeper.

  • @darkbluewalther
    @darkbluewalther Год назад +437

    Note that htmx shines when used with hyperscript, to keep a "local behaviour" philosophy.

    • @depafrom5277
      @depafrom5277 Год назад +11

      where else can one use hyperscript, do I really need to learn this strange "language"?

    • @TheWrapperup
      @TheWrapperup Год назад +20

      @@depafrom5277 No, you don't have to. htmx integrates well with vanilla JS, and web components also complement it really well too.

    • @switzerland
      @switzerland Год назад +7

      Pls do Hotwired and Turbo after htmx❤

    • @rashshawn779
      @rashshawn779 Год назад +1

      ​@@TheWrapperupany tuts on integrating with webcomponents. Seems like a convenient way to add features to a webcomponent without hacking into the webcomponent itself.

    • @BosonCollider
      @BosonCollider Год назад +1

      Hyperscript is interesting but not interesting enough to be worth pulling in as a dependency imho. Just using the excellent alpine js integration is usually better

  • @kodeypatterson8973
    @kodeypatterson8973 Год назад +471

    HTMX is actually really fun to use and it’s a lot of functionality for less code than a JavaScript function

    • @cheeseburgersuperior1874
      @cheeseburgersuperior1874 Год назад +4

      really? where can i learn about this htmx. does it work with php?

    • @kodeypatterson8973
      @kodeypatterson8973 Год назад +7

      @@cheeseburgersuperior1874 I dont see why it wouldn't work. @bugbytes3923 is a good channel but he uses Django mostly. Same concept though.

    • @bluecup25
      @bluecup25 Год назад +4

      for small / simple projects

    • @cheeseburgersuperior1874
      @cheeseburgersuperior1874 Год назад +5

      @@bluecup25 for now, eventually it will surpass others. never underestimate, i say.

    • @kodeypatterson8973
      @kodeypatterson8973 Год назад +3

      @@bluecup25 Yeah probably for smaller projects. Or even just to update some old apps to add a bit more fluidity to them. There is quite a bit of functionality already there that could replace a ton of JavaScript with a few simple HTMX tags in your html. HTMX is really good I wouldn't underestimate it just yet.

  • @MarcusTwichel
    @MarcusTwichel Год назад +301

    The maintainer of this project was my professor for a few years! So glad it’s getting the attention it deserves!
    Next do hyperscript - it’s from the same team and works a lot like htmx but you can do almost all JavaScripty things!

  • @mohamedelomari6480
    @mohamedelomari6480 Год назад +48

    Despite the lack of hype surrounding htmx on the Internet, my personal experience has shown that it simplifies and enhances the maintainability of all my clients' projects. Over time, I have found that utilizing htmx allows me to create isolated components, leading to increased productivity and faster project delivery compared to other frameworks.

    • @ra2enjoyer708
      @ra2enjoyer708 Год назад +43

      Thanks for chatgpt3 response.

    • @davidmcdonnel4831
      @davidmcdonnel4831 Год назад +7

      You like Huey Lewis and the News? Their early work was a little too new wave for my taste. But when Sports came out in '83, I think they really came into their own, commercially and artistically. The whole album has a clear, crisp sound, and a new sheen of consummate professionalism that really gives the songs a big boost. He's been compared to Elvis Costello, but I think Huey has a far more bitter, cynical sense of humor. In '87, Huey released this; Fore!, their most accomplished album. I think their undisputed masterpiece is "Hip To Be Square". A song so catchy, most people probably don't listen to the lyrics. But they should, because it's not just about the pleasures of conformity and the importance of trends. It's also a personal statement about the band itself.

    • @DEBO5
      @DEBO5 Год назад

      How much faster is it than using React for a component based architecture?

  • @FirdausAziz
    @FirdausAziz Год назад +8

    No JS, no build tool/chain, Locality of Behaviour, can do anything with Django that previously needs SPA, less codebase, less probability for bugs. Team really loving HyperMedia approach. Spending more quality time with family since.

    • @ruzzan
      @ruzzan Месяц назад

      I wonder how it's going? Are you using htmx now too or switched to spa?

  • @ShaferHart
    @ShaferHart Год назад +71

    This series is great for keeping me up to date with the buzz words. I don't care to learn the tech most of the time but at least I'm not 100% lost when they happen to come up (97% of them never do lol).

  • @nightshade427
    @nightshade427 Год назад +30

    I've been using htmx/alpine/astro combo and it's great, very simple mental model and allows for some advanced patterns that other frameworks still can't do.

    • @JEsterCW
      @JEsterCW Год назад +5

      Htmx, alpine, astro, tailwind is my fav stack, the most enjoyable and fun one

    • @ukman1234g
      @ukman1234g Год назад +1

      With astro how do you send html fragments for updates ?

    • @JEsterCW
      @JEsterCW Год назад +1

      @@ukman1234g wtf u mean XD? it works the same way as it does for plain html, wth

    • @milkmanconspiracy4346
      @milkmanconspiracy4346 Год назад +4

      What “advanced patterns” can it do that other frameworks cant?

    • @jameslay6505
      @jameslay6505 Год назад

      ​@@JEsterCWyeah dude like wtf is up with that question right? Such bullshit. How dare that guy ask for clarification on a point of genuine curiosity. Fucking people these days man. **Sarcasm

  • @scottbigbrain3944
    @scottbigbrain3944 Год назад +75

    You know, this seems like a really freaking awesome way to do web dev for smaller projects. Everything can just happen on the backend without bloating the user, and it even seems like it would work fine with javascript filters on browsers.

    • @neptronix
      @neptronix Год назад +9

      Works even better on super large projects because you end up with ~90% less JS.

    • @DavidPesta
      @DavidPesta Год назад +5

      I just don't understand why people keep saying some new technology would be great for "smaller" projects when a large project is just a whole bunch of small projects put together. Is there really a technical problem? Or is it a matter of managing risk with the new technology?

  • @compote-s1r
    @compote-s1r Год назад +188

    HTMX is very popular among Django developper, I tried it with Alpine and it is ok for light animation and dom manipulation, but quickly get out of hand.

    • @darkbluewalther
      @darkbluewalther Год назад +24

      Yes. It is because it's one of the single viable ways to have dynamic front-end without creating an API and a second project. However, there is no tooling and the global DX is meh. If Django team decided to include such a framework natively, it could be way better.

    • @undergrounder
      @undergrounder Год назад +9

      So you mean it’s prod ready? 😅

    • @ChristophBackhaus-l1n
      @ChristophBackhaus-l1n Год назад +5

      @@darkbluewalther there is django-htmx that helps. I also think it is a lot more useful than simply for having a more dynamic front-end. You can use it for cross project integration. Meaning, Project A can request an app(htmx view) from a completely different project and inject it into the other. To me, it seems like a great replacement for REST APIs.

    • @BeepBoop2221
      @BeepBoop2221 Год назад +1

      Django needs to bail on this ASAP and just adopt something like Vue or svelte

    • @lucianoinso
      @lucianoinso Год назад

      Lol, just came to know it because of a meme, my curiosity arouse, and found this video, really liked how it looks, I'm also a Django developer and was thinking that it would be good for a small project in working on in which I don't want to implement a REST API and divide front and back, I've been avoiding Ajax calls for the moment and this looks perfect for maintaining the code clean.
      Funny that there are a lot of comments about Django people liking it, I guess we like simplicity and elegance, haha!

  • @eduardomora9586
    @eduardomora9586 Год назад +84

    Used this a lot for some MVC projects and it is amazing! It’s great for those that don’t want to adopt ir overhaul into a new UI framework like but add some reactivity. 10/10!

    • @biomorphic
      @biomorphic Год назад +4

      Yeah, for the rest you can use a template engine. I like it, I would use it.

    • @JEsterCW
      @JEsterCW Год назад +1

      Reactivity?😂 Bro

    • @OT-tn7ci
      @OT-tn7ci 5 месяцев назад

      @@JEsterCW ?

  • @chrismantonuk
    @chrismantonuk Год назад +27

    This is the first time I’ve been excited about front end development in ages. Can’t wait to try it!

  • @md.manzeralam6508
    @md.manzeralam6508 Год назад +9

    I used it two months back to build a chat app with django, it was a great experience and its a very simple easy to use library. Nice video! good to see this the get some tractions

    • @hroman_codes
      @hroman_codes 6 месяцев назад

      Hey did you also use DTL with HTMX for your chat app? Does it make sense to use both?

    • @md.manzeralam6508
      @md.manzeralam6508 6 месяцев назад

      @@hroman_codes if you are talking of django template language, yes I used it, it basically returns a templated chatbox component with content in the response

  • @Rovsau
    @Rovsau Год назад +16

    I haven't done webdev in probably 15 years, and this is the first framework I've heard about that could make me consider getting back into it.
    Very interesting.

    • @adamruck
      @adamruck 5 месяцев назад +2

      Same, I've been out of the game for a while. This is just a polished version of DHTML or AJAX. Seems a lot better than the other junk the frontend people were doing recently.

  • @sfermigier
    @sfermigier Год назад +6

    I've been using htmx for the last year on various projects and I plan to use it more in the future.

    • @raishw6483
      @raishw6483 3 месяца назад

      Should i abandon react for it?

  • @StuartLoria
    @StuartLoria Год назад +7

    what I love about Fireship is that his content is not about ego or unjustified claims, he explain the reason behind his statements, no matter if they are positive or negative, very clear and instructional.
    Just saying “I don’t like this” is not useful without the rationale and the alternatives.

  • @bryku
    @bryku Год назад +15

    I remember using a library for something like this 10 years ago.
    It was pretty nice for smaller webpages and stuff like that.

  • @hiteshsachdev3649
    @hiteshsachdev3649 Год назад +1

    You just learned a new topic. Realized you need to make notes for faster revision later on and then
    Ordinary people: Don't make notes at all or create notes in a text editor or something
    How Jeff does it: Makes a revision friendly high quality video for the same which is not at all boring like text notes so that he himself can revisit the subject and revise it faster but posts it on social media too and monetize on the same.
    But again It isn't as easy as I sound here. He does an amazing job and a lot of hard work goes for the same. Jeff is the best inspiration of how a person should Excel in their respective field be it anything not just limited to Computer Science/Software Engineering

  • @AlainBoudard
    @AlainBoudard Год назад +3

    Awesome introduction ! Now let's see what we can build with that !

  • @spyllite
    @spyllite Год назад +594

    I love this 100 second series that isn't 100 seconds lol

    • @immcnabb
      @immcnabb Год назад +260

      It is supposed to be played at 1.5X

    • @rjk0128
      @rjk0128 Год назад +35

      ​@@immcnabbunderrated comment

    • @gileneusz
      @gileneusz Год назад +41

      it's a feature not a bug

    • @zohayer.mehtab
      @zohayer.mehtab Год назад +6

      ​@@immcnabb I played it at 1.75x, does that count?

    • @juanmacias5922
      @juanmacias5922 Год назад +2

      @@zohayer.mehtab 2x D:

  • @japarjarkynbyek8494
    @japarjarkynbyek8494 Год назад +16

    It feels like we are getting back to the history were we started.

    • @GirishVenkatachalam
      @GirishVenkatachalam 8 месяцев назад

      deja vu?

    • @Bleshin
      @Bleshin 4 месяца назад +1

      @@GirishVenkatachalam I have been in this place before

  • @mr-gear-360
    @mr-gear-360 Год назад +36

    I used it in some of my Django projects and I love it. It's really good. I'll be more than happy to see htmx on beyond fireship.

    • @antiquark6253
      @antiquark6253 Год назад +1

      Thx for mentioning his alt channel I had no idea there was one. Just subbed

    • @hroman_codes
      @hroman_codes 6 месяцев назад

      Do you know if you can use Django DTL with HTMX?

  • @sly86480
    @sly86480 Год назад +2

    I waited a veeeeery long time to finally get this kind of simplicity and accessibility. Now I'll check under the hood if my expectations are good.

  • @Xe054
    @Xe054 Год назад +86

    JEFF, I loved your mini documentary, and I love your channel. Thanks for keeping us devs up to date with high quality information.

    • @theghosthuntergal
      @theghosthuntergal Год назад +1

      What mini documentary? 👀

    • @Xe054
      @Xe054 Год назад

      @@theghosthuntergal ruclips.net/video/XRoSBWYMefY/видео.html

    • @lokeshg9929
      @lokeshg9929 Год назад +7

      @@theghosthuntergal Honeypot made a mini doc on him.

    • @theghosthuntergal
      @theghosthuntergal Год назад +4

      @@lokeshg9929 wow that was good .. would have never thought he’d be an introvert and laid back OR A DAD?!? :) Where are the dad jokes?! Thanks for the pointer!

    • @Honeypotio
      @Honeypotio Год назад +4

      💛

  • @MtthwBrwng
    @MtthwBrwng Год назад +44

    Could be very interesting when paired with Golang templating.

    • @fmitchell238a
      @fmitchell238a Год назад +3

      As the proprietor of a hugo-based blog I thought that almost immediately.

    • @enkiimuto1041
      @enkiimuto1041 Год назад +2

      That was my first thought. Simple Go scripts returning the little data I want.

    • @akira_kei_
      @akira_kei_ 10 месяцев назад +1

      This comment aged well

  • @naumanarif21
    @naumanarif21 Год назад +4

    Been using this since a year and helps with low to moderate js heavy websites. htmx + alpine are a great combination.

  • @tylerweirtube
    @tylerweirtube 10 месяцев назад

    The cheekiness paired with the clarity of your videos is amazing.

  • @lucianoinso
    @lucianoinso Год назад +2

    Lol, just came to know it because of a meme, my curiosity arouse, and found this video, I really like how it looks, I'm a Django developer and was thinking that it would be good for a small project I'm working on in which I don't want to implement a REST API and divide front and back, I've been avoiding Ajax calls for the moment and this looks perfect for maintaining the code clean.
    Funny that there are a lot of comments about Django people liking it, I guess we like simplicity and elegance, haha!

    • @vectoralphaSec
      @vectoralphaSec 9 месяцев назад +1

      Simple is better than complex.

  • @eduardozepeda1972
    @eduardozepeda1972 Год назад +67

    Finally HTMX deserved its own video, it has been gone unnoticed because of the react hype train. But now justice has been made for HTMX. I hope it becomes more popular over the years and it combines PERFECTLY with django, RoR and Go.

    • @ra2enjoyer708
      @ra2enjoyer708 Год назад +8

      It's pretty cool of you to name 3 techs which don't know what DOM is.

    • @dickson710
      @dickson710 Год назад

      and express

    • @vectoralphaSec
      @vectoralphaSec 11 месяцев назад

      They dont need to.@@ra2enjoyer708

  • @ofelipegv
    @ofelipegv Год назад +4

    Montano Fan Here, no strike please!
    Lucas Montano from the Lucas Montano Channel

  • @jeltehoekstra2952
    @jeltehoekstra2952 Год назад +178

    Did a school project with this. Because we had to use an awful C# framework for web development, this library was a godsend. Works really well for small things

  • @pss_crs
    @pss_crs Год назад +2

    I doubt that fireship can read my mind, you always bring up the topic that interests me at the time

  • @repotranstech
    @repotranstech Год назад +3

    Htmx is down right simple.I have used it in large projects together with alpine and django.Its much doable for large projects.

  • @willyosorto
    @willyosorto Год назад +100

    I’ve discovered more things on these 100 seconds videos than my entire time at the university 😂

    • @jessh4016
      @jessh4016 Год назад +11

      Dang, that's sad.

    • @DrDiabolical000
      @DrDiabolical000 Год назад

      ​@@jessh4016Jesus chill

    • @willyosorto
      @willyosorto Год назад +1

      @@alaala-op9hv 😅 is just sarcasm! Just joking.

    • @lavatr8322
      @lavatr8322 Год назад +1

      Well My college teachers didn't even knew React and Svelte 4years back when i graduated.
      Even if they did , they didn't expose us students to new technologies and WHAT REALLY is going on in the market.
      my college years were terrible and I extremely regret attending that college...
      to this day I don't have a job and low confidence in myself, that i couldn't do shiet

    • @muhamadsarhad6566
      @muhamadsarhad6566 Год назад

      it is my 3rd semester in college, we only just learnt about Java. I am planning to take a leave of absence to teach myself node and react ( I already taught myself HTML css and JavaScript )
      Yes college is a waste of time and money

  • @DaraulHarris
    @DaraulHarris Год назад +19

    This sounds almost exactly like RoR's Hotwire/Turbo, which is fantastic. Excited to see what happens from here.

    • @chris-pee
      @chris-pee Год назад +15

      Yeah, it was inspired by Hotwire and Laravel's LiveWire, but more backend agnostic.

    • @vasiovasio
      @vasiovasio Год назад

      Yes, exactly the same concept.

    • @OverG88
      @OverG88 Год назад

      @@chris-peeHotwire is also backend agnostic.

    • @chris-pee
      @chris-pee Год назад +1

      @@OverG88 yeah, but there's a bit more protocol to it, right? I mean it's annoying without a library to place those special tags.

    • @chris-pee
      @chris-pee Год назад

      @MatteoContrini true, I agree Unpoly is the better

  • @raiguard
    @raiguard Год назад +3

    My company just deployed an htmx-powered search engine on our website, and while I didn't work on it myself, I heard lots of praise from those who did. It's not all perfect, but it's way nicer to work with than traditional frameworks.

  • @donbalongi
    @donbalongi Год назад

    much cleaner code than using some js frameworks, I already use it in combination with alpine js and I really appreciate it, I didn't have to use some messy JS framework

  • @TorrAlstad
    @TorrAlstad Год назад +17

    Back in the day, I think Drupal used a system sort of like this. But I think they called it "behaviors." Basically, it would parse the DOM, attach event listeners for the "behavior" (attributes) it saw, and then do stuff like make a request, swap out elements, append elements, etc... And you could make custom "behaviors". I worked with an engineer who also worked with Drupal and he basically integrated the same system into a custom app we were building. It got the job done.

    • @pesvids6673
      @pesvids6673 Год назад +1

      I love drupal

    • @daedalus5070
      @daedalus5070 Год назад +1

      Please never utter the word Drupal again lol

    • @pesvids6673
      @pesvids6673 Год назад +1

      @@daedalus5070 Drupal ❤️

    • @Nekroido
      @Nekroido Год назад +1

      Yii had a similar feature too. By declaring a special mode a template will use AJAX requests to the backend controller that originally rendered it. Pagination, form validation and processing, this cute javascript magic under the hood allowed to never be bothered with frontend programming

    • @TorrAlstad
      @TorrAlstad Год назад

      @@Nekroido Oh yeah, I forgot Yii had that too. It had some great CRUD generation too. Always enjoyed that about Yii.

  • @shellcatt
    @shellcatt Год назад +8

    This is what I've been waiting for all my life, apparently!
    14kbs of generational wisdom.

  • @desireco
    @desireco Год назад +6

    Wonderful video, really good to be reminded of those smaller and lighter js solutions...

  • @keenoogodlike
    @keenoogodlike Год назад +12

    Now HTML programmer will definitely got a job!!! I mean ... htmx.

  • @orterves
    @orterves Год назад +2

    Looks cool
    "next" and "closest" look like great ways to spaghettifi the code though
    Gotta love how the great programming cycle is coming full circle once again.

  • @clinton-davis
    @clinton-davis Год назад +1

    I love it! I've been using it with all my Django projects, it's the best thing since templating.

  • @algerienoranais6908
    @algerienoranais6908 Год назад +5

    This will be magic for me, looks like a nice tech; will try it for sure but from the get-go I think that it could be better (at least for me) if I had to return Json from my backend server instead of Htmx

    • @okolosarah4902
      @okolosarah4902 Год назад +2

      you can 100% retun JSON from your backend rather than html to update data dynamically on the front end

    • @algerienoranais6908
      @algerienoranais6908 Год назад +1

      @@okolosarah4902 Thanks for the info bro, now it looks seriously interesting👍

  • @rajat0610
    @rajat0610 Год назад +4

    feels similar to Unpoly, which i think you should totally make a video on!

  • @MrSpeedfox
    @MrSpeedfox Год назад +7

    "server that returns html text"..... looks like PHP is back on the menu.

  • @jamesmills4946
    @jamesmills4946 5 месяцев назад

    I really love htmx! It's such a breath of fresh air!

  • @svenbtb
    @svenbtb Год назад

    Wow, this rules. Being able to make cool websites without having to take a huge dive into JS + jQuery + insert-whatever-number-of-frameworks-here just to make it feel relatively modern is a godsend.

  • @thiagobassguitarable
    @thiagobassguitarable Год назад +4

    Montano Fan Here, no strike please!

  • @bravo1oh1
    @bravo1oh1 Год назад +20

    As barely a programmer this looks awesome

  • @randomnose1638
    @randomnose1638 Год назад +5

    Coming from Lucas Montano Channel No Strike Pls

  • @plagiats
    @plagiats Год назад

    As a hobbyist that would probably never use it by myself, I appreciate to know this exists and has a concise syntax so I can ask an LLM to spit some out if ever needed

  • @mathisdukatz1985
    @mathisdukatz1985 Год назад +2

    Using htmx in my latest project with tailwind it’s awesome

  • @nonstopper
    @nonstopper Год назад +4

    Wish you showed what you wrote actually working in the browser. Good overview overall though

  • @hjblom93
    @hjblom93 Год назад +22

    It's confirmed, Go is Fireship's favourite programming language ❤

    • @vectoralphaSec
      @vectoralphaSec Год назад +2

      No.

    • @iatheman
      @iatheman Год назад

      He's a master in JS but we all know how much he "loves" it. But hey, it pays our bills so...

  • @beinyourguard
    @beinyourguard Год назад +10

    I would love to see a tutorial about HTMX

  • @blueguy5588
    @blueguy5588 Год назад +1

    This is extremely powerful when you think about it, with the potential to upset the entire js framework tech stack that has dominated modern frontends for the past ten years.

  • @TheHungarygamer
    @TheHungarygamer Год назад +1

    this is kinda cool tbh, for smaller stuff this could be a time and headache saver

  • @EldorJ10
    @EldorJ10 Год назад +37

    We've gone full circle, but I love it,

    • @Bempus
      @Bempus Год назад +10

      The beauty of "going full circle" is that we end up with all the features we wanted, without the clutter.

    • @kamens793
      @kamens793 Год назад +14

      @@Bempus Until we add more clutter again and repeat

    • @ra2enjoyer708
      @ra2enjoyer708 Год назад

      There are quadrillion server template rendering languages, all are terrible in various ways and there will be more (and at least as terrible). What full circle are you talking about?

    • @TheNewton
      @TheNewton Год назад +3

      Full circle is using vanilla features: data-attributes,fetch, DOMParser, standard event attributes,etc.

  • @necronyxon
    @necronyxon Год назад +9

    00:08 seeing the "hi mom!" now makes me sad :(

    • @generalezaknenou
      @generalezaknenou 9 месяцев назад

      why ?

    • @victos-vertex
      @victos-vertex 9 месяцев назад +11

      ​@@generalezaknenou He implemented the 'hi mom' instead of 'hello world' to greet his mother who, despite not knowing anything about the topic, watched all his videos.
      But sadly she passed away.

  • @jacknight4118
    @jacknight4118 Год назад

    As a front end dev I loved it, I'll give it a try in few next days

  • @thefvvg
    @thefvvg Год назад +2

    I'm a Django dev and HTMX is amazing once you really get the hang of it. Just got to be careful when mixing w/ other js stuff

  • @Matheu_codes
    @Matheu_codes Год назад +4

    In a small project its good I think

  • @deveshsingh7257
    @deveshsingh7257 Год назад +5

    i seen your interview - loved it ❤

  • @69k_gold
    @69k_gold 7 месяцев назад +1

    The best you can do with HTMX is a small-scale app, anything more than 5 active components on the page is a hell to write with HTMX

  • @LogiaCB
    @LogiaCB Год назад +80

    Wow. Now add a Tailwind equivalent to pure HTML and we’re getting busy

    • @chris-pee
      @chris-pee Год назад +2

      I think you could call Alpine that. (Note that's it's pretty damn slow)

    • @biomorphic
      @biomorphic Год назад

      @@chris-pee What is slow, Alpine or htmx?

    • @chris-pee
      @chris-pee Год назад

      @@biomorphic Alpine. Htmx is pretty ok I think.

    • @iatheman
      @iatheman Год назад

      @@chris-pee How's Alpine slow?

    • @chris-pee
      @chris-pee Год назад +4

      @@iatheman what do you mean? I'm not sure how, maybe due to evaluating the code from a string. It's about 2 times slower than competition, and uses 3 times more memory.

  • @fred.flintstone4099
    @fred.flintstone4099 Год назад +5

    This reminds me of Microsoft's jQuery libraries jquery-unobtrusive-ajax and jquery-unobtrusive-validation which worked in a similar way with HTML5 data attributes.

    • @vasiovasio
      @vasiovasio Год назад

      Wow, I'm glad to see someone else remember them! HTMX is ideal for cases like this.

  • @LeonidasPedro
    @LeonidasPedro Год назад +4

    Lucas Montano from the Lucas Montano Channel

  • @funkynerd_com
    @funkynerd_com Год назад

    Thanks. I'll put this on the list of other frontend frameworks I have to learn thanks to this channel.

  • @LuisEduardo-kc1mu
    @LuisEduardo-kc1mu Год назад +4

    Lucas Montano by Lucas Montano in his channel (Lucas Montano)

  • @ParthaSarathylink
    @ParthaSarathylink Год назад +9

    But Simple HTML application doesn't impress enterprise customers. So we'll be throwing 10 MB hello world SPA application on them

  • @DeathBySploot
    @DeathBySploot Год назад +1

    This is awesome. Fireship, you are awesome and quickly becoming one of my favorite channels!

  • @frittex
    @frittex Год назад +1

    this is exactly what I needed in web development

  • @berunoh
    @berunoh Год назад +3

    Lucas Montano, mandou um abraço;

  • @RoystonMalcomber
    @RoystonMalcomber Год назад +2

    HTMX scares me, not because of how it works, but because of the sudden influx of HTMX meta frameworks that I can see on the horizon.

    • @TheNewton
      @TheNewton Год назад +2

      WHAT DO YOU MEAN YOU DON'T USE HTMETA-OMEGA the best end to end framework ever made it's so simple??!?

  • @mattrs1
    @mattrs1 Год назад

    Wooo i guess I'm doing the frontend of my project with this instead of learning react. Thank you

  • @conrad42
    @conrad42 Год назад +3

    So we are back to JSF then?

  • @martinwhelan
    @martinwhelan Год назад +9

    i like the idea, but i definitely prefer the abstractions we've made that evolved the ecosystem (react, vue, svelte, etc). this might be nice for simple stuff but a full-stack app? probably not.

  • @noscreadur
    @noscreadur Год назад

    I love it, ideal for low proccesing sites. Take my money.

  • @somedayitsgonnamakesense
    @somedayitsgonnamakesense Год назад +1

    after watching this video,
    our HR manager is now looking for a developer with 10+yrs of experience in HTMX

  • @temie933
    @temie933 Год назад +8

    Htmx is one of the html ever

  • @AIKilledTheInternet
    @AIKilledTheInternet Год назад +20

    Montano, no strike please!

    • @br-lemes
      @br-lemes Год назад

      ʕ •ᴥ•ʔ made in montana (isso está no rodapé da página do htmx)

  • @arthurfetzner26
    @arthurfetzner26 Год назад +4

    montano, no strike please!

  • @MrDelliSanti
    @MrDelliSanti Год назад +9

    HTMX is fantastic. Their docs could be a bit more detailed.

    • @PhonkEcho
      @PhonkEcho Год назад

      Stop creating more frameworks, we are tired.

    • @GirishVenkatachalam
      @GirishVenkatachalam 8 месяцев назад

      did you check their latest book?

    • @MrDelliSanti
      @MrDelliSanti 8 месяцев назад

      @@GirishVenkatachalam I got better at JS and just started using using the fetch API instead.

    • @GirishVenkatachalam
      @GirishVenkatachalam 8 месяцев назад

      @@MrDelliSanti fetch api is well supported.

  • @mustafasabir12
    @mustafasabir12 Год назад +1

    I think HTMX in more advanced form would be revolutionary, since most projects don't have a huge code base for frontend and can be hence easily made dynamic by backend developers without using unnecessary frameworks.

  • @JackySupit
    @JackySupit Год назад

    first impressions, i love it just by reading the name it self, HTMX, looks cool.

  • @jhulianpereira11
    @jhulianpereira11 Год назад +3

    Montano, no strike please

  • @RonaldoHoch
    @RonaldoHoch Год назад +3

    Montano has send me!

  • @henryfranz6387
    @henryfranz6387 Год назад +3

    lucas montano ,no strike pleas

  • @Strerium
    @Strerium Год назад +1

    Been waiting for this.

  • @cristianolacerda9871
    @cristianolacerda9871 Год назад +2

    I can imagine a large very complex UI with absolute no state. Just swaped html content from requests, while the server handles absolute all state. That would be sweet.

  • @louiinist347
    @louiinist347 Год назад +3

    montano, no strike please

  • @19JB90
    @19JB90 Год назад +4

    Another great video, definitely watched it till the end before writing this comment

  • @wackytheshaggy
    @wackytheshaggy Год назад

    For making good apps that do the stuff you need them to do, this is a great tool. Back to the old server side rendering + a bit of sparkles.