From React to Htmx on a real-world SaaS product (2022) [video]
David Guillo shares his experience replacing React with htmx in a SAS product, highlighting htmx's advantages for creating rich user interfaces without JavaScript frameworks, emphasizing accessibility and ease of use.
Read original article
David Guillo discusses his experience of replacing React with htmx in a SAS product, challenging the belief that rich user interfaces require JavaScript frameworks. He emphasizes the benefits of htmx in providing a smooth, reliable, and accessible user experience without the need for a client-side application. Key points include the use of JavaScript events to trigger Ajax calls for retrieving HTML fragments and inserting them into the DOM, which aids in creating rich UI elements. Guillo also covers the implementation of web components within Django templating and demonstrates a sophisticated application that utilizes htmx for state management. Additionally, he explores rich UI elements, such as facet filters, created as web components using Jungle side technology, which allows for easy customization and reuse. The video positions htmx as a practical alternative to traditional JavaScript frameworks for developing dynamic web applications.
Related
Hypermedia Systems
The book "Hypermedia Systems" by Carson Gross, Adam Stepinski, and Deniz Akşimşek, with a foreword by Mike Amundsen, introduces innovative web development concepts using htmx and Hyperview. It caters to web developers, individuals interested in web basics, and companies transitioning apps to mobile platforms. Available online and on Amazon.
An Htmx Success Story
Discussion on transitioning from Django+React to Django+HTMX stack. Challenges with Django and React highlighted, solved with HTMX and AlpineJS. Improved simplicity, productivity, and compatibility with older devices. Transition driven by developer productivity.
HTML-ivating your Django web app with Htmx, AlpineJS, and streaming HTML
The video discusses concerns over the prevalence of single page applications online, promoting traditional server-based websites. It recommends Django over React, demonstrating fast website creation and speed optimization techniques.
Don't Use JavaScript for That: Moving Features to CSS and HTML [video]
The video discusses the benefits of using HTML and CSS over JavaScript in web development, focusing on efficiency and inclusivity. It demonstrates creating custom switches with HTML checkboxes and CSS, emphasizing accessibility and styling techniques like "appearance: none".
FastHTML – Modern web applications in pure Python
FastHTML is a Python library for building web applications efficiently, supporting dynamic content, reusable components, and various databases. It simplifies development, focusing on performance and scalability for Python developers.
1 commentsRelated
Hypermedia Systems
The book "Hypermedia Systems" by Carson Gross, Adam Stepinski, and Deniz Akşimşek, with a foreword by Mike Amundsen, introduces innovative web development concepts using htmx and Hyperview. It caters to web developers, individuals interested in web basics, and companies transitioning apps to mobile platforms. Available online and on Amazon.
An Htmx Success Story
Discussion on transitioning from Django+React to Django+HTMX stack. Challenges with Django and React highlighted, solved with HTMX and AlpineJS. Improved simplicity, productivity, and compatibility with older devices. Transition driven by developer productivity.
HTML-ivating your Django web app with Htmx, AlpineJS, and streaming HTML
The video discusses concerns over the prevalence of single page applications online, promoting traditional server-based websites. It recommends Django over React, demonstrating fast website creation and speed optimization techniques.
Don't Use JavaScript for That: Moving Features to CSS and HTML [video]
The video discusses the benefits of using HTML and CSS over JavaScript in web development, focusing on efficiency and inclusivity. It demonstrates creating custom switches with HTML checkboxes and CSS, emphasizing accessibility and styling techniques like "appearance: none".
FastHTML – Modern web applications in pure Python
FastHTML is a Python library for building web applications efficiently, supporting dynamic content, reusable components, and various databases. It simplifies development, focusing on performance and scalability for Python developers.