TKYT #63: Progressive Enhancement for HTML using Unpoly with Henning Koch
Henning introduces Unpoly, a library that enhances HTML progressively. Unlike traditional server-side rendering, which replaces the entire page and loses state, Unpoly updates specific parts, retaining state for a smoother experience.
Unlike htmx, Unpoly offers a high-level API, enabling modern UIs without a separate client-side codebase. Unpoly is easy to set up with a single JS and CSS file, supports form validation, optimistic rendering, caching, link preloading, and instant navigation. It provides a server-centric approach, minimizing custom JavaScript.
LINKS 🔗
Unpoly's website
https://unpoly.com/
Unpoly on X
https://x.com/unpolyjs
Chapters
00:00 Introduction to Unpoly
03:13 Progressive Enhancement
08:55 Unpoly vs. Hotwire
13:48 Building Applications with Unpoly
29:32 Reusing Screens as Full Page or Overlay Components
35:19 Server-Side Validation with up-validate
38:30 Handling Dependencies in Forms with up-validate
44:43 Custom JavaScript with Compilers
48:50 Preloading Links and Instant Navigation
52:29 React Applications and the Browser's Edge Cases
STAY IN TOUCH 👋
Follow me on Twitter 🐦 - / dominus_kelvin
Subscribe to my newsletter 📧 - https://newsletter.dominuskelvin.dev
QUESTIONS...?
Join the Discord Server 💬 - https://sailscasts.com/community
Learn Web Development 📖 - https://sailscasts.com/courses
The Boring JavaScript Stack 🥱 - https://sailscasts.com/boring
Ship less JavaScript™️ consultation - https://shiplessjavascript.com
#javascript #webdevelopment #coding #programming #vim #vscode #softwareengineering #codinglife #webdesign #webdevelopment #webdev #javascript #programmerhumor #codinghumor #software #softwareengineer #softwaredeveloper #softwaredevelopment