htmx: Why htmx

As a backend developer, htmx might be the best thing you stumble upon, as it lets you create quite complex experiences in your Web Application without using JavaScript.

As a frontend developer that knows and works with JavaScript or TypeScript all day long, you might wonder why use htmx instead of React or any other client-side library that you can use to build a UI?

The thing is this: if you’re building your application on top of one of those big frameworks (be it React, Vue, Angular, Svelte…) you are effectively building the application by using that particular framework (or library, whatever…) rules and conventions and patterns.

You are effectively a React developer, or Vue developer.

And guess what happens when you use those frameworks, typically? There’s a TON of JavaScript running under the hood to power your application.

With htmx instead you are much closer to the Web as a platform. You stay much closer to the HTML, to the browser, and to the client-server interaction.

You use much more native, built-in, platform APIs.

You use client-side JavaScript as a “scripting language” to build to interactive user interfaces, as it was intended.

Why htmx? Why not. You might discover a way of building Web Applications that totally reasons with how you think.

Lessons in this unit:

0: Introduction
1: ▶︎ Why htmx
2: The core idea of htmx
3: Installing htmx
4: Doing a GET request
5: Swap
6: POST request
7: Targets
8: Loading indicator
9: Confirming actions, and prompts
10: Triggers
11: Request headers
12: Response headers
13: Events
Are you intimidated by Git? Can’t figure out merge vs rebase? Are you afraid of screwing up something any time you have to do something in Git? Do you rely on ChatGPT or random people’s answer on StackOverflow to fix your problems? Your coworkers are tired of explaining Git to you all the time? Git is something we all need to use, but few of us really master it. I created this course to improve your Git (and GitHub) knowledge at a radical level. Launching May 21, 2024. Join the waiting list!