> Markdown version of [/videos/1427-how-to-kill-javascript-from-your-stack-with-htmx-and-kotlin?t=5](https://www.wearedevelopers.com/videos/1427-how-to-kill-javascript-from-your-stack-with-htmx-and-kotlin?t=5). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md).

---

# How to kill JavaScript from your Stack with HTMX and Kotlin

Tired of relentless JavaScript fatigue in enterprise applications? Learn how to completely eliminate custom JS from your stack using HTMX and Kotlin for radically simpler development.

- **Speakers:** [Frederik Pietzko](https://www.wearedevelopers.com/@frederik-pietzko)
- **Event:** World Congress 2025
- **Published:** August 20, 2025
- **Duration:** 23:45
- **URL:** https://www.wearedevelopers.com/videos/1427-how-to-kill-javascript-from-your-stack-with-htmx-and-kotlin

## Summary

Modern web development often leads to JavaScript fatigue, where the relentless churn of frontend ecosystems forces developers to constantly rewrite standard business applications. For enterprise tools heavily reliant on tables and forms, heavy single-page applications frequently violate core programming principles. They abandon simplicity by forcing complex client-server state synchronization, compromise the DRY principle by requiring duplicated types across environments, and ignore YAGNI by over-engineering basic tasks. To escape this cycle, developers can strip custom JavaScript from their stack by combining robust backend ecosystems like Spring Boot with server-side rendering and HTMX. HTMX rethinks browser interactions by extending HTML capabilities directly, allowing developers to trigger any HTTP verb from any DOM element and swap the UI seamlessly in place. By keeping dynamic parts isolated as small islands of interactivity, applications achieve fluid responses without complex client-side state. On the backend, tools like the kotlinx.html DSL allow teams to build reusable, statically typed UI components natively on the JVM. This approach leverages the same IDE support and compilation checks backend engineers are accustomed to, dramatically accelerating the feedback loop. Practical implementations of this Kotlin-HTMX stack yield immediate developer experience improvements. Forms support real-time, on-blur validations cleanly handled by server-rendered HTML snippets. Data tables instantly process active searches via simple query parameters, while WebSockets can push real-time server updates back to the client directly as HTML. While highly interactive applications like continuous video streaming still necessitate heavy client-side frameworks, this lean architecture robustly covers the vast majority of enterprise use cases while drastically reducing technical debt.

**Keywords:** javascript fatigue, single page application complexity, client-server state synchronization, htmx interactive elements, server-side rendering architecture, kotlin component encapsulation, statically typed ui templates, kotlinx.html dsl, spring boot htmx integration, real-time inline validation, active search data tables, websocket server pushes, lazy loading ui elements, frontend framework burnout, dom element html swapping

## Chapters

1. **Understanding the evolution of modern frontend complexity** (00:05) — The shift from simple server-side templates to single-page applications increases cognitive load and maintenance.
1. **Re-evaluating core programming principles in web architecture** (03:44) — Applying established software design patterns exposes the inherent duplication and synchronization costs of modern client-heavy frameworks.
1. **Evaluating server-side rendering frameworks for simpler stacks** (06:27) — Exploring technologies like Remix and Thymeleaf reveals tradeoffs between complex hydration workflows and poor component encapsulation.
1. **Extending native HTML capabilities using the HTMX library** (08:22) — Leveraging HTML extensions allows backend structures to efficiently trigger network requests and swap standard DOM elements.
1. **Identifying the ideal web applications for HTMX usage** (10:39) — Mapping feature requirements ensures appropriate architecture choices between pure static sites, business applications, and heavily interactive software.
1. **Building type-safe UI components with Kotlin HTML DSL** (11:37) — Embracing plain backend functions eliminates weak template constraints while maintaining strict compilation guarantees for layout structures.
1. **Testing HTML elements and integrating Spring Boot functionality** (14:37) — Utilizing lightweight assertions and direct framework integrations provides end-to-end reliability for server-rendered user interfaces.
1. **Implementing dynamic interfaces without custom frontend code** (17:38) — Practical implementations showcase how HTML extensions efficiently handle live input validation, dynamic filtering, and websocket event streams.
1. **Reviewing alternative template engines and lightweight JavaScript libraries** (22:15) — Assessing additional ecosystem options offers varied syntax philosophies for solving server-rendered component workflows.

## Related Moments

- [Tracking open source community trends in JavaScript native frameworks](https://www.wearedevelopers.com/videos/1288-wearedevelopers-live-scammer-payback-with-python-grok-goes-unhinged-the-future-of-chromium-and-mo) (from "WeAreDevelopers LIVE: Scammer Payback with Python, Grok Goes Unhinged, The Future of Chromium and mo")
- [Replacing client-side reactivity with HTMX and server rendering](https://www.wearedevelopers.com/videos/1306-wearedevelopers-live-whats-nuxt-and-next-for-app-development-20-years-ajax-and-more) (from "WeAreDevelopers LIVE - Whats Nuxt and Next for app development, 20 years AJAX and more")
- [Balancing server-side rendering and client-side interactivity](https://www.wearedevelopers.com/videos/1265-keith-cirkle-of-github-on-react-fatigue) (from "Keith Cirkle of GitHub on React Fatigue")
- [Building interactive components with core HTMX directives](https://www.wearedevelopers.com/videos/978-why-htmx-is-crushing-react-vue-svelte) (from "Why HTMX is crushing React, Vue & Svelte.")
- [Rethinking the architecture of single page web applications](https://www.wearedevelopers.com/videos/225-the-state-of-the-web) (from "The State Of The Web")
- [The evolution and complexity of the modern frontend stack](https://www.wearedevelopers.com/videos/279-the-eternal-sunshine-of-the-zero-build-pipeline) (from "The Eternal Sunshine of the Zero Build Pipeline")

## Related Articles

- [Is HTMX Worth Learning in 2025?](https://www.wearedevelopers.com/magazine/537-is-htmx-worth-learning-in-2025)
- [Dev Digest 133 - Back to Front](https://www.wearedevelopers.com/magazine/474-dev-digest-133-back-to-front)
- [Web Development Best Practices: What The Data Tells us](https://www.wearedevelopers.com/magazine/84-web-development-best-practices-what-the-data-tells-us)
- [Dev Digest 139 - Soft and hard queries](https://www.wearedevelopers.com/magazine/487-dev-digest-139-soft-and-hard-queries)

## Related Jobs

- [Staff Frontend Engineer](https://www.wearedevelopers.com/jobs/48313-staff-frontend-engineer) at **SMG Swiss Marketplace Group**
- [Staff Frontend Engineer (Expert+/Lead equivalent) - Hybrid working model, 100%, Ho Chi Minh City](https://www.wearedevelopers.com/jobs/48314-staff-frontend-engineer-expert-lead-equivalent-hybrid-working-model-100-ho-chi-minh-city) at **SMG Swiss Marketplace Group**
- [Junior Frontend Engineer](https://www.wearedevelopers.com/jobs/ext/1532351-junior-frontend-engineer) at **Almedia**
- [Senior Full Stack Engineer](https://www.wearedevelopers.com/jobs/48289-senior-full-stack-engineer) at **Sensory-Minds GmbH**
- [Mid/Senior Full-Stack Engineer (Web-first)](https://www.wearedevelopers.com/jobs/ext/1210833-mid-senior-full-stack-engineer-web-first) at **SMG Swiss Marketplace Group**
- [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/644637-remote-senior-full-stack-engineer) at **Edge Impulse**