htmx in 100 seconds

Learn the basics of htmx - an HTML-focused UI library that can handle data fetching and rendering in web applications without complex JavaScript code or frameworks.

#webdevelopment #javascript #100SecondsOfCode

💬 Chat with Me on Discord

🔗 Resources

🔥 Get More Content - Upgrade to PRO

Use code YT25 for 25% off PRO access

🎨 My Editor Settings

- Atom One Dark
- vscode-icons
- Fira Code Font

🔖 Topics Covered

- What is htmx?
- htmx quickstart tutorial
- Do I need a JavaScript framework?
- What is AJAX in web development?
- htmx boost vs Turbolinks

[ThePrimeTimeagen]

i love htmx almost as much as i love you

[nickoates]

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

[henninghoefer]

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.

[Greedygoblingames]

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.

[jeffnikelson]

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

[nxter]

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

[kodeypatterson]

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

[ShaferHart]

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).

[darkbluewalther]

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

[MarcusTwichel]

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!

[bryku]

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

[edwardteller]

Been using htmx and hyperscript for over a year now, after many years using javascript front-end based frameworks, and it is fantastic. We rewrote one of our React / Clojurescript apps completely resulting in a much simpler web app. Hypermedia design and architecture is great.

[chrismantonuk]

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

[sharkpyro]

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

[DeathBySploot]

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

[tylerweirtube]

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

[sfermigier]

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

[Xe]

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

[Rovsau]

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.

[sly]

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