Jeff Delaney explains the basics of htmx, a library that allows accessing modern browser features directly from HTML without complex JavaScript.
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
discord.gg/fireship
🔗 Resources
- htmx docs htmx.org
- HTML in 100 seconds youtu.be/ok-plXXHlWw
- Nuxt in 100 Seconds youtu.be/dCxSsr5xuL8
- Math for Programmers youtu.be/lkIFF4maKMU
🔥 Get More Content - Upgrade to PRO
Upgrade at fireship.io/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
- Alpine.js vs htmx
- Do I need a JavaScript framework?
- What is AJAX in web development?
- htmx boost vs Turbolinks
Why it's here
2 people recommend this
What people say. Recommended as a quick, straight-to-the-point explanation of htmx with a live example.
B
u/Binau-01in r/Frontend • Recommends
On “HTMX in 50 Seconds”
Pretty good video, straight to the point with a live example.
Even if I find it a little funny with the timing in relation to Fireship's new video about the same framework just 5 hours prior htmx in 100 seconds
On “Frontend framework for beginners that don't want to dig in deeper in this ecosystem”
HTMX and Alpinejs
HTMX is a frontend framework which is based on hypermedia over wire. With HTMX you don't need to javascript at all and you can reach high interactivity with it.
Alpine can be used with HTMX where you may need to client side state. Like toggle modal or keyboard shortcuts.
All things will be processed on server and you render HTML and send to HTMX for swap.
Docs: https://htmx.org
Fireship video: link to this video
X: @htmx_org
Sub: r/htmx