hypermedia-tv
hypermedia-tv
  • 20
  • 19 534
LIVE CODING: Adding htmx essentials to hypecp.com
Ep. 4: Building hypecp.com
In this episode I decide to switch the overall structure of the site so that we foucs on the "essentials" of htmx. That is:
1) hx-get
2) hx-trigger
3) hx-target
4) hx-swap
This puts the most important attributes of htmx front and center on hypecp! Also we add a fake logo.
This is a live coding session for the real site hypecp.com, being fully built in public.
Some links:
The repo: github.com/tonsoflaz2/hypecp (EACH VIDEO IS ONE COMMIT!)
Ep. 1: ua-cam.com/video/QZipE9zn-Og/v-deo.html
Ep. 2: ua-cam.com/video/QOKhgXwbKPE/v-deo.html
Ep. 3: ua-cam.com/video/QSCiNKWC24c/v-deo.html&
Chapters (from AI)
00:00 Introduction to HypeCP and HTMX Essentials
07:22 Defining the Essentials for HTMX
15:09 Implementing HTMX Essentials in HypeCP
17:50 Making an Almost Logo
23:07 Creating a User-Friendly Interface
34:09 Finalizing the HypeCP Layout and Features
40:38 Music break + writing montage!
Переглядів: 259

Відео

The "Hypermedia Hot Reload"
Переглядів 75414 днів тому
The OG way to hot reload your page while you work You know it. You love it. You forgot the syntax and searched for it again within your head tag: meta http-equiv="refresh" content="5" Why is it great? * See all your changes as you make them * Supported in every browser & mobile * No additional server, node, or environment config necessary! * Helps you diagnose speed problems * Helps you find “j...
Is Unpoly the Rails of hypermedia?
Переглядів 518Місяць тому
Henning Koch, creator of Unpoly, discusses where his hypermedia framework sits in the ecosystem, why he built it, and why he favors Convention over Configuration. unpoly.com Unpoly has been around for a decade and is used in production by companies all around the world, including Bosch, Volkswagen, Audi, and Siemens. github.com/unpoly/unpoly/discussions/666 Chapters (from AI): 00:00 Introductio...
Adding "copy to clipboard" to every htmx example
Переглядів 256Місяць тому
Uses vanilla javascript to add a "Copy" button to every code block. hypecp.com This code session: github.com/tonsoflaz2/hypecp/commit/57481ac59a3b522f8c4c79246cdf74094ad277e7 1) Place the copy button 2) Make it work (for http AND https) 3) Refactor so that only *one* event handler is added to the page (instead of one per code block). Chapters: 0:00 Why we need a copy button 1:25 Making 500 exam...
From nothing to our first htmx example
Переглядів 335Місяць тому
Building hypecp.com - 01 LIVE CODING Building hypecp.com in public Every episode is exactly one (1) commit github.com/tonsoflaz2/hypecp hypecp.com goes live with the changes after every episode. Ep. 01 we create a new laravel project, set up the repo, get our layout in place, and create our first live working example. Chapters:
I wrote an htmx book
Переглядів 2,2 тис.Місяць тому
The exceptionally prolific R. Mark Volkmann talks about his book "Server-Driven Web Apps with htmx", along with his approach to learning, writing, teaching, hx-swapping, and much more! The book: pragprog.com/titles/mvhtmx/server-driven-web-apps-with-htmx/ A talk on htmx: ua-cam.com/video/U3CYrD2ry-U/v-deo.html A blog on EVERYTHING: mvolkmann.github.io/blog/topics/ The Notes directory: github.co...
Native mobile apps from the server??
Переглядів 5002 місяці тому
Adam Stepinski, creator of Hyperview and co-author of Hypermedia Systems, describes his vision for a hypermedia-driven mobile development. (p.s. it's very good.) * Architecture of the app is driven from the server * UI is built dynamically, using XML from the server * Fully extensible (add your own components) Show Links Discussed: Website: hyperview.org Hyperview Github Repo (best place to ask...
hypecp.com the hypermedia copy & paste site
Переглядів 2752 місяці тому
Lazarus is joined by guest Lazarus to talk about his new project, hypecp.com, which bears a striking resemblance to his old project, htmxlabs.com
I rewrote our entire product into htmx in a weekend
Переглядів 6 тис.2 місяці тому
Eric Harrison, MakeStartups Original twitter post: blister/status/1752357600547545356 For-Profit: makestartups.com Non-Profit (school): makestartups.org Personal website: ericharrison.info Chapters (most provided by AI) 00:00 Intro to Eric Harrison 02:51 Transitioning from Nonprofit to For-Profit 06:11 Building with HTML and HTMX 09:00 The Philosophy of Tech Stacks 11:50 Challenges ...
The 100-Year web service
Переглядів 5512 місяці тому
Alex Petros, core contributor to htmx, tells you how to build a website that will last for the next 50 to 100 years. And yes, he means it. Show Links: Home site: alexanderpetros.com/ Utah JS talk (100 year web service): ua-cam.com/video/lASLZ9TgXyc/v-deo.html Big Sky Dev Con Talk (Life and Death of Htmx): ua-cam.com/video/1g5ruM-16_Y/v-deo.html Triptych Proposals: alexanderpetros.com/triptych/ ...
Is htmx labs getting sued??
Переглядів 4882 місяці тому
Tanner Bass reaches out with an "opportunity" but turns the tables on Lazarus and threatens legal action on behalf of all htmx ceos
3 years of htmx + Django!
Переглядів 2 тис.3 місяці тому
Lucas Pires of CheckSec gives us the real deal on using htmx in the trenches, and how NOT to use it! Talk at PyCon 2023: PyCon PT 23 | Building advanced back-office interfaces using Django & HTMX ua-cam.com/video/hdLWZQb8pkE/v-deo.html Takeaways * HTMX fills a gap in Django for dynamic web applications. * The hypermedia approach simplifies CRUD applications. * Client-side interactivity can comp...
Hypermedia at 144fps!?
Переглядів 3,5 тис.3 місяці тому
Links: Datastar: data-star.dev Streaming data example: data-star.dev/examples/bad_apple UtahJS talk: ua-cam.com/video/0K71AyAF6E4/v-deo.html Taling to Datastar creator Delaney Gillilan about the unused power behind hypermedia. * What htmx gets right, and wrong * The power of SSE (Server Sent Events) * How Datastar gives you htmx alpinejs Basically, if you open a streaming connection, then run a...
Getting started with htmx: A John Dietrich® Story
Переглядів 2534 місяці тому
Lazarus helps John figure out how to get started programming with htmx INTRO 0:33 Can john continue being a tech reply guy? 1:29 levels.io solo dev workflow 2:43 John uses git in amazing new ways 4:20 The Adobe file naming system 6:31 I like your hat 7:55 htmx first mention PART 1: The Background 8:04 The big picture goals 8:30 abandoning ideas and domains 8:58 The Optimism Tax 9:57 How to star...
Building a reactive framework on top of htmx (!!!) with htmx contributor Ben Croker
Переглядів 2285 місяців тому
Building a reactive framework on top of htmx (!!!) with htmx contributor Ben Croker
Empowering Junior Devs with HTMX - Sheena O'Connell
Переглядів 3435 місяців тому
Empowering Junior Devs with HTMX - Sheena O'Connell
HOW I MAKE MEMES and other less-important hypermedia concerns
Переглядів 2835 місяців тому
HOW I MAKE MEMES and other less-important hypermedia concerns
PRO - Marketing for developers
Переглядів 986 місяців тому
PRO - Marketing for developers
Anthony Alaribe on building API Toolkit with htmx & leveraging the latest browser features
Переглядів 3036 місяців тому
Anthony Alaribe on building API Toolkit with htmx & leveraging the latest browser features
Anthony Alaribe on building API Toolkit with htmx & leveraging modern browser capabilities
Переглядів 2246 місяців тому
Anthony Alaribe on building API Toolkit with htmx & leveraging modern browser capabilities

КОМЕНТАРІ

  • @stevefowler858
    @stevefowler858 3 дні тому

    Developers with 15 years of experience or less are coming to the realization of those of us that pre-date the internet. Declarative functional programming is really developer friendly... You'll also find out it's very AI friendly as well!

  • @anotherelvis
    @anotherelvis 5 днів тому

    Hehe.. I think that you forgot to remove this tag from the latest version of the hypecp webpage. Great video though.

    • @hypermedia-tv
      @hypermedia-tv 5 днів тому

      😂haha you are right, I even gave a specific warning!! Smh

  • @MicahKillian
    @MicahKillian 9 днів тому

    As an exclusively web guy, I had no idea how out of control the UI situation was across Windows/MacOS/Linux and Android/iOS until I started considering making cross platform native apps. No adults in the room.

    • @hypermedia-tv
      @hypermedia-tv 9 днів тому

      I’ve been watching a lot of Ricky gervais today, and I think he would say “It’s a bit mental isn’t it?”

  • @gearboxworks
    @gearboxworks 10 днів тому

    How DARE you two tease us with register_htmx_handler(), and then not show the code! 🤨 In all seriousness, dealing with that issue has me considering dropping HTMX which I otherwise love, when combined with Go. I would REALLY appreciate getting to see how that is done. Use it to build your own mailing list. P.S. Marketing idea for your channel: Offer an ebook of recipes for the common issues in how to deal with things on the front-end - since there is no multi-language concern on the front-end - as HTMX is so different for other JS developers and for backend developers who don't know JS (or like me) who don't know it well. BTW, #jmtcw but I don't see nearly as much need for a recipe book for backend techniques. Most people know their backend language of choice and can read code in other languages as long as that code is straightforward. Sure, it would be nice, but IMO what is really needed is a cookbook showing how to do things in HTMX on the front end. And with all your guests helping you, I bet you could put such a cookbook together in no time (hint, use Claude or ChatGPT to help you write/revise sections at a time so it won't feel like such a slog.)

  • @vadymbarabanov156
    @vadymbarabanov156 11 днів тому

    Hey, I'm really interested in this blizzard talk about net code, can someone share a link with me?

  • @andrewdeschain7155
    @andrewdeschain7155 11 днів тому

    You forgot to remove the tag on hypecp. The page is constantly reloading :)

  • @amanksdotdev
    @amanksdotdev 17 днів тому

    The downside is the delay between a change and refresh as this is not intelligent refresh that happens on file change. That being said, its working without the page shifting to top like a normal reload does is kinda awesome, never knew it existed. Thanks.

  • @rodrigo2112-
    @rodrigo2112- 17 днів тому

    Good stuff, very handy indeed. I wonder how the @for loop worked since you didn't add any library on top? What am I missing?

    • @hypermedia-tv
      @hypermedia-tv 17 днів тому

      Thank you!! so I am using Laravel, and that part is specifically the Blade templating language. It gives you some basic @if, @for, @foreach capability (and a bunch of other stuff). I really just wanted a quick way to make the page bigger, I'm so used to it i didn't even think of it as outside html!

  • @averageamerican6727
    @averageamerican6727 17 днів тому

    Thanks.

  • @pookiepats
    @pookiepats 21 день тому

    31:10 dude.... what, read the f* docs, you just guess and give up ? goofy time suck.

  • @StingSting844
    @StingSting844 22 дні тому

    Great conversation. However, the data-star library has too many string based interactions for my liking. I don't know how debugging issues will look like in this

    • @hypermedia-tv
      @hypermedia-tv 16 днів тому

      Thank you! And I still haven’t tried out a bigger project in data star, looking forward to it

  • @dovh49
    @dovh49 Місяць тому

    I heard some devs say they really like DaisyUI which makes a bridge between Tailwind and Bootstrap-style. I'm not sure if it goes the full PicoCSS where it will style everything for you.

  • @dovh49
    @dovh49 Місяць тому

    I prefer to just use custom elements to determine when a page is loaded or not. It works perfectly for this situation where you can initialize libraries, do any garbage collection, etc.

    • @Programming-Is-Easy
      @Programming-Is-Easy 20 днів тому

      That sounds interesting. Can you describe your process a bit? Have you written it up anywhere?

    • @gearboxworks
      @gearboxworks 10 днів тому

      Yes, please describe your approach!

  • @florentdardenne
    @florentdardenne Місяць тому

    Hi, I have a lot of questions after listening this podcast. For me, HTMX meets my need for simplicity for certain interactions, which Datastar also seems to do. What I noticed as the main difference is the mode of exchange with the server. XHR for one, SSE for the other. I don't need a super-optimised connection. Either solution meets my needs. For example, if I'm updating a shopping card, or a table with dynamic sorting. One or other of the solutions will meet my needs. I'm not a millisecond-cruncher and I don't need the server to send live information. In short, I'm wondering about the best practice to adopt without getting into server configurations that require a specialist. I like the simplicity of my Lamp stack. Thanks Could you add datastar in your video title ?

    • @hypermedia-tv
      @hypermedia-tv 29 днів тому

      So I'll add my two cents, but with the caveat that I haven't actually worked much with data star: if you like the LAMP setup, htmx fits into that realllllly well! But i think both can clearly accomplish what you want to do. For instance, in htmx, you might do an OOB Swap (out of band swap) to update the cart count

  • @prashlovessamosa
    @prashlovessamosa Місяць тому

    Thanks

  • @rodrigo2112-
    @rodrigo2112- Місяць тому

    Dude you're funny. Enjoying the channel, just found it.

    • @hypermedia-tv
      @hypermedia-tv Місяць тому

      Hey thanks if you like this check my OF for the good stuff!

  • @florentd.5817
    @florentd.5817 Місяць тому

    English is not my native language, subtitle van help but with red highlight is just horrible! I left.

    • @hypermedia-tv
      @hypermedia-tv Місяць тому

      Sorry to hear it my friend and fellow hypermedia enthusiast! I added an unlisted version with easier subtitles here if that helps: ua-cam.com/video/kxl71T5XoQ0/v-deo.html

  • @AbegazNap
    @AbegazNap Місяць тому

    if you want it to be taken more seriously, a linter/lsp is needed for the code in strings

  • @Ipadstands
    @Ipadstands Місяць тому

    I don’t want to be a boiled frog !!

    • @hypermedia-tv
      @hypermedia-tv Місяць тому

      it sounds nice at first and then horrifying!!

  • @chrisvouga8832
    @chrisvouga8832 Місяць тому

    Hypermedia is the way

  • @cholst1
    @cholst1 Місяць тому

    Regarding swap-oob - My main use currently is to return correct seo meta tags for my blog posts - which are only partial html deliveries. (using query based routing like /post?id=post-about-something)

  • @simonhartley9158
    @simonhartley9158 Місяць тому

    For the event delegation, there doesn't seem to be a point of removing and re-adding the listener each time. When you're adding it to document, I don't think it cares what its children are. Even if they're replaced, the new elements' events will still bubble up the DOM and your event listener will work as it did for the previous children. Nothing is ever replacing document, as far as I'm aware, so there's never a need to re-init.

    • @hypermedia-tv
      @hypermedia-tv Місяць тому

      So the issue (and I wonder if i edited it out because i spent a lot of time clicking around the web to figure out the "once" command) was that when I called the function 3 times, it added it 3 times (so one click ran thrice). This would be fine if i only ever called init once, but my concern is that I plan to in the future load stuff through htmx get/post/etc and I want to be able to call init again without doubling anything!

    • @simonhartley9158
      @simonhartley9158 Місяць тому

      You stuck it in a function for init, but that was unnecessary. Just run it once raw.

    • @hypermedia-tv
      @hypermedia-tv Місяць тому

      @@simonhartley9158 normally i would -- but part of my eventual plan is to reload large sections of the page using htmx. in those cases, unless i init again, they wouldn't get the eventlisteners, right? this is one of the big gotchas for loading html from ajax, been bitten many times by it. so i'm thinking when i load from ajax (not doing that yet), i have one master function i just call again to init everything again. that makes sense right?

  • @ld515051501
    @ld515051501 Місяць тому

    So many coding tutorials are just copy/paste videos with fast editing. It is a breath of fresh air to see an actual live coding video. Thank you!

    • @hypermedia-tv
      @hypermedia-tv Місяць тому

      thanks man! i do wonder what the appetite for slow videos like this is, but I am very glad to hear there is at least some! i personally get tired of really curated examples that dont feel like the real programming experience ... though saying that, i did edit out some research i had to do on javascript function names etc

    • @ld515051501
      @ld515051501 Місяць тому

      @@hypermedia-tv My own personal observation is that a lot of the tutorial channels will literally read the documentation from the official website and then just copy and paste the code as they work through it and pass it off as their own. I noticed it way back in the day when trying to learn Django and was watching a video from a now big UA-camr. Ever since then I stopped watching UA-cam coding tutorials and just started reading the documentation (like you are supposed to). I liked this video because it is nice to see how someone else tackles problems and overcome hurdles they encounter (however minor they might be). Gives you exposure to different ways of thinking and solving problems. Whatever editing you do I would say was perfect. I didn't notice it and it didn't break the continuity of the video imo. It was the perfect length too.

    • @hypermedia-tv
      @hypermedia-tv Місяць тому

      @@ld515051501 Hi man, i am not listing this publicly yet, but here is a private link to a longer session of coding! (I may split the video up into digestible chunks in the future, but since you noted the process videos may be helpful i wanted to share with you) ua-cam.com/video/QSCiNKWC24c/v-deo.html

    • @ld515051501
      @ld515051501 Місяць тому

      @@hypermedia-tv Awesome! You're the man. Thanks for thinking of me.

    • @hypermedia-tv
      @hypermedia-tv Місяць тому

      @@ld515051501 thank you for commenting!

  • @edoutside4315
    @edoutside4315 Місяць тому

    Cool vid bro. I am thinking about doing the same sort of thing. I am back in school at 44 finishing my CS degree. Seems like a good way to sharpen skills and show skills to potential employers?

    • @hypermedia-tv
      @hypermedia-tv Місяць тому

      Thank you!! That sounds geat, there are a lot of skills that come with making videos that are very useful and potentially valuable (imo). What tech stack(s) are you working in? I would love to see what you come up with!

  • @morderon4
    @morderon4 Місяць тому

    I would be interested in how to do multi language pages. How do I switch from English to Italian to French

    • @hypermedia-tv
      @hypermedia-tv Місяць тому

      Interesting -- Laravel has a system for that, but I don't know the first thing about translating. How have you found the browser translations to be?

    • @morderon4
      @morderon4 Місяць тому

      @hypermedia-tv Browser translations are not good enough. At least for some elements I could see having an id for them and on the backend have a some sort of store for its translations.

    • @morderon4
      @morderon4 Місяць тому

      Imagine the use case of a government website for a country with multiple official languages.

  • @HVossi92
    @HVossi92 Місяць тому

    This would work really well as a podcast (just the audio on spotify). I really enjoy the content, but for me it would be much easier to find time for a 1Hour podcast, compared to a 1hour video.

    • @hypermedia-tv
      @hypermedia-tv Місяць тому

      you are in luck my friend! (the show is primarily a podcast, and thank you for your comment!) Podcast: hx-pod.transistor.fm Episode: hx-pod.transistor.fm/episodes/server-driven-web-apps-w-r-mark-volkmann

    • @StingSting844
      @StingSting844 19 днів тому

      Well with UA-cam premium you can just switch off the screen when the audience plays and it plays only audio

  • @bajrolisic5643
    @bajrolisic5643 Місяць тому

    This about phone and serving UI from backend is brilliant idea.

    • @hypermedia-tv
      @hypermedia-tv Місяць тому

      ohhhh man, i can't explain how excited i am working on it!! i need more hours in the day. Let me know if you want to get a sneak peak and give feedback sometime!

    • @bajrolisic5643
      @bajrolisic5643 Місяць тому

      @@hypermedia-tv I would love to check it

  • @temoncher
    @temoncher Місяць тому

    What should you know about “complect”? It’s bad! Don’t do it! I absolutely love this Rich Hickey talk! Once I watched it my whole world of programming turned upside down and I started to notice how unnecessarily complex things become literally everywhere.

    • @hypermedia-tv
      @hypermedia-tv Місяць тому

      nice, i will check that out!

    • @hypermedia-tv
      @hypermedia-tv Місяць тому

      this one i am guessing ua-cam.com/video/SxdOUGdseq4/v-deo.html

    • @temoncher
      @temoncher Місяць тому

      @@hypermedia-tv yes, it is the one! I don’t know how many times I rewatched it already)

  • @hephestosthalays2700
    @hephestosthalays2700 Місяць тому

    What a fantastic conversation. Thank you both

    • @hypermedia-tv
      @hypermedia-tv Місяць тому

      Thank you!! Glad you enjoyed it as much as i did

  • @jonashansen2512
    @jonashansen2512 2 місяці тому

    I find that writing about things, is often done better a month later when you try to replicate or use the tool.

    • @hypermedia-tv
      @hypermedia-tv 2 місяці тому

      Interesting! I feel like after a month your brain has sat with the info and kind of decided what parts are important to remember. And then you try to build with it and you also come across the tricky blocks. Feels like that would be a good point to try to write about it for both reasons!

    • @jonashansen2512
      @jonashansen2512 Місяць тому

      ⁠exactly :)

  • @piotr-nowak
    @piotr-nowak 2 місяці тому

    It's nice to hear someone who doesn't cling to a framework and treats it as an oracle for writing a program. I like this new wave of programming returning to simplicity: less is more

    • @hypermedia-tv
      @hypermedia-tv 2 місяці тому

      simplicity has such long tail benefits!!

  • @ian-ks
    @ian-ks 2 місяці тому

    Maybe Fireship or Primeagen is what it needs to get the words out 😂 ua-cam.com/video/zGyAWH5btwY/v-deo.htmlsi=gGiwQP9NeLUlsKlb

  • @ian-ks
    @ian-ks 2 місяці тому

    The talk mentioned in the description is out now. ua-cam.com/video/0K71AyAF6E4/v-deo.htmlsi=glsJWpo8fluRXy3G

    • @hypermedia-tv
      @hypermedia-tv 2 місяці тому

      awesome, thank you! added to the video description

  • @averageamerican6727
    @averageamerican6727 2 місяці тому

    Looking forward to it. Hopefully you will include a little (info) button to reveal the code and hopefully Django will be well supported! Btw, it took me like 10 minutes of making sure you're not interviewing yourself 😂✌️

  • @StephanHoyer
    @StephanHoyer 2 місяці тому

    Whole django community seems stuck in time, it seems. I used it back in the days and really enjoyed it back than. I even attend 2 djangocons and held tutorials on the chemnitzer linux tage. But would probably not use it anymore nowadays since the things it solve are not that hard to solve with more flexible and composable tools nowadays. It's nice to see it still going, tho.

  • @Tumeliuz
    @Tumeliuz 2 місяці тому

    Is there a downside of keeping one SSE connection open constantly for each client? I would imagine there would be a limit for open connections for a backend

    • @hypermedia-tv
      @hypermedia-tv 2 місяці тому

      Yeah, i wish I understood the answer to that question fully -- I think the server can usually handle a LOT at once, if i understand correctly, does that sound right @delaneygillilan ?

  • @ld515051501
    @ld515051501 2 місяці тому

    Damn. One family produced twins that both got into webdev. That's a crazy coincidence.

    • @hypermedia-tv
      @hypermedia-tv 2 місяці тому

      If only it were so simple!!

    • @AScribblingTurtle
      @AScribblingTurtle 2 місяці тому

      Not to mention, the taste in Glasses, Headphones, Filming location and Interior decoration (to the point, that each figure on the shelf behind them is in the exact same location)

    • @hypermedia-tv
      @hypermedia-tv 2 місяці тому

      @@AScribblingTurtle honestly it seems so obvious in retrospect

  • @igbarcelou
    @igbarcelou 2 місяці тому

    both have almost the same shirt! What a coincidence. Great interview to know more about Lazarus.

    • @hypermedia-tv
      @hypermedia-tv 2 місяці тому

      it seems so obvious in restrospect!

  • @outwithrealitytoo
    @outwithrealitytoo 2 місяці тому

    Great video - I look forward ro contributing to and also using the site. Both off-topic and topically, I'd like to recommend, Journey to the Far Side of the Sun (1969), also known as Doppelgänger. This British science fiction movie, directed by Robert Parrish, follows a mission to explore a newly discovered planet located on the opposite side of the sun, mirroring Earth's orbit. The narrative delves into themes of identity and parallel existence.

  • @JimCarnicelli
    @JimCarnicelli 2 місяці тому

    LOL😂

  • @AScribblingTurtle
    @AScribblingTurtle 2 місяці тому

    this is scary. Is that real or not? Please don't let that be yet another 💩- Post that gives people a reason not to use HTMX.

  • @daskog
    @daskog 2 місяці тому

    Rally great talk! thank you!

  • @simonhartley9158
    @simonhartley9158 2 місяці тому

    What I've seen for optimistic UI that makes more sense is to render something between a loading incator and the final result. The term used in JS frameworks I've seen is "pending". A pending item in a table may have the entire row a different color and any inputs disabled and may even be in a separate pending section of the table, rather than its final position. As such it may not match the final HTML and so comparing with the final response to detect an error may not work. Pending items seem to give feedback in a way that means the user is confident enough to perform other operations while the pending items resolve themselves without further intervention. The user understands those items are queued and have some hint on what the final result will be.

    • @hypermedia-tv
      @hypermedia-tv 2 місяці тому

      Nice! Yeah that's a fair option, I can think of a few ways to do that with htmx or alpine/etc. I always like the option of something like the opacity-50 class on specific places during the request, in this case maybe the hx-target would make the most sense? just something that happens immediately paired with a true representation of the current state once the request finishes

    • @simonhartley9158
      @simonhartley9158 2 місяці тому

      The target is a decent default and something like Alpine to allow a client template that's close to the final result seems promising.

    • @hypermedia-tv
      @hypermedia-tv 2 місяці тому

      @@simonhartley9158 yeah, I wonder if there's a world with hx-optimistic="#placeholder-target" (a blank div with its own matching structure) and that html gets copied on submit, filled with the inputs, and put into the target. then if request fails it backs out, if succeeds the new data is actually placed into target

  • @Latent33
    @Latent33 2 місяці тому

    At the end you just basically described hyperview's use case exactly! With this you do still have to compile a dedicated 'app' to subbmit but i dont think you do any of the programming work here its all done for you and then you just submit that essentially blank unchanging app to the app store. All your real code is then just a server endpoint you controll generating hypermedia xml just like a htmx app does.

  • @jimiscott
    @jimiscott 2 місяці тому

    This conversation doesn't really convince me to use HTMX - sure if I am creating a simple website, but nothing more than that.

    • @hypermedia-tv
      @hypermedia-tv 2 місяці тому

      yeah, hopefully these conversations will show the stuff it is very good at and the stuff it doesn't have an easy path for. would be curious to hear your experience if you get into it!

    • @tehblister
      @tehblister 2 місяці тому

      I think the secret that I tried to get across is that htmx (or anything on the front end) is already solving the wrong problems. The secret to great developer experience is a strong backend stack and then getting a bunch of value out of light weight htmx as a front end helper. The magic happens on the server, not on the client.

  • @ThomasValadez-tv
    @ThomasValadez-tv 2 місяці тому

    I spent a weekend debugging a bundling issue that happened with 30% probability . It was an issue that only expressed itself on our CI VMs - docker node-buster: 20, it happened because a dependency 4 times removed included babel and run commands that didn't jive with my apps vite and yarn.

    • @hypermedia-tv
      @hypermedia-tv Місяць тому

      good god man! this is a hypermedia villain origin story

  • @ThomasValadez-tv
    @ThomasValadez-tv 2 місяці тому

    I spent a weekend debugging a bundling issue that happened with 30% probability . It was an issue that only expressed itself on our CI VMs - docker node-buster: 20, it happened because a dependency 4 times removed included babel and run commands that didn't jive with my apps vite and yarn.

  • @averageamerican6727
    @averageamerican6727 2 місяці тому

    Joker. I wouldn't be surprised if some powerful entity like react team orchestrated this. They don't want HTMX to go mainstream too early lmao

  • @jonl316
    @jonl316 2 місяці тому

    Great Interview, this was very helpful.

    • @hypermedia-tv
      @hypermedia-tv 2 місяці тому

      thank you!! i thought his story was fascinating