DEV Community

loading...

JavaScript Right in HTML? HTMX w/ Carson | Podcast

Mikhail Karan
Web Developer | HTML All The Things Podcast Host
・2 min read

What is HTML All The Things

HTML All The Things is a web development podcast and discord community which was started by Matt and Mike, developers based in Ontario, Canada.

The podcast speaks to web development topics as well as running a small business, self-employment and time management. You can join them for both their successes and their struggles as they try to manage expanding their Web Development business without stretching themselves too thin.

What's This One About?

In this episode, Matt and Mike sit down with Carson to discuss HTMX, a project that he built to help you do more with your HTML. Similar (in concept) to how TailwindCSS can extend your HTML with more CSS-like functionality, HTMX brings JavaScript-like manipulation to your HTML. The guys also discuss Carson's previous projects and go over his passion for locality of behaviour.

Guest Introduction

Carson is the creator of the htmx library. Htmx is an extension to HTML that brings JavaScript-like manipulation right to html tags. Carson takes us through his previous projects that inspired this thinking as well as his passion for locality of behavior. We talk about tailwind, hyperscript and much more in this one!

Show Notes

4:50 - Replacing jQuery with Vanilla JavaScript
7:15 - What is HTMX?
16:45 - Locality of behavior vs separation of concerns
24:15 - Why did you decide to build HTMX?
33:40 - What kind of effort and upkeep comes with a project like this?
37:49 - What is Hyperscript?

Key Takeaways

  • Locality of behavior makes it easy for a developer to look at a single file and understand what it's responsible for
  • Creating a good test suite can make Maintenace on a project a lot easier. Being able to run tests automatically and know you won't break common functionality for everyone using it.

You can find us on all the podcast platforms out there as well as

Instagram (@htmlallthethings)
Twitter (@htmleverything)
TikTok (Html All The Things)

Discussion (0)