From d65bf225d832235ba4f36509d2ca58b8dbbed2a9 Mon Sep 17 00:00:00 2001 From: Matthieu Bacconnier Date: Mon, 27 Dec 2021 12:45:16 +0100 Subject: [PATCH] Update a-response-to-rich-harris.md --- www/essays/a-response-to-rich-harris.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/www/essays/a-response-to-rich-harris.md b/www/essays/a-response-to-rich-harris.md index e5258f86..d8721c2d 100644 --- a/www/essays/a-response-to-rich-harris.md +++ b/www/essays/a-response-to-rich-harris.md @@ -61,7 +61,7 @@ preserve a particular piece of content between requests. ### "Back Button & Infinite Scroll Don't Work" -In the presence of infinite scroll behavior (presumably implemented via javascript of some sort) the back button will not work properly with an MPA. I would note that the presence of infinite scroll calls into question the term MPA, which would traditionally use paging instead of an infinte scroll. +In the presence of infinite scroll behavior (presumably implemented via javascript of some sort) the back button will not work properly with an MPA. I would note that the presence of infinite scroll calls into question the term MPA, which would traditionally use paging instead of an infinite scroll. That said, [infinite scroll](/examples/infinite-scroll) can be achieved quite easily using htmx, in a hypermedia-oriented and obvious manner. When combined with the [`hx-push-url`](/attributes/hx-push-url) attribute, history and the back button works properly with very little effort by the developer, all with nice Copy-and-Pasteable URLs, sometimes referred to as "Deep Links" by people in the SPA community. @@ -69,7 +69,7 @@ That said, [infinite scroll](/examples/infinite-scroll) can be achieved quite ea Nice transitions are, well, nice. We think that designers tend to over-estimate their contribution to application usability, however. Yes, the demo sizzles, but on the 20th click users often just want the UI to get on with it. -That being said, htmx supports using [standard CSS transtions](https://htmx.org/examples/animations/) to make animations possible. +That being said, htmx supports using [standard CSS transitions](https://htmx.org/examples/animations/) to make animations possible. Obviously there is a limit to what you can achieve with these pure CSS techniques, but we believe this can give you the 80 of an 80/20 situation. (Or, perhaps, the 95 of a 95/5 situation.) @@ -102,7 +102,7 @@ require far more sophisticated engineering work to resolve. Mr. Harris then discusses the concept of "transitional applications" which are a mix of both SPA and MPA technologies. This terminology is reasonable, and we will see if the term sticks in the industry. -We often recommend using htmx for the parts of the app it makes sense to keep things simple, and then using other +We often recommend using htmx for the parts of the app where it makes sense to keep things simple, and then using other technologies when needed: [alpine.js](https://alpinejs.dev/), [hyperscript](https://hyperscript.org), a small reactive framework, etc. @@ -184,7 +184,7 @@ the backend that a huge javascript front end produces. You can still use javasc but you use it in the manner it was originally intended: as a light, front end scripting language for enhancing your application. Or, if you are brave, perhaps you can try [hyperscript](https://hyperscript.org) for these needs. -This is a world we would prefer live in: many programming language options, each with their own strengths, technical cultures and thriving +This is a world we would prefer to live in: many programming language options, each with their own strengths, technical cultures and thriving communities, all able to participate in the web development world through the magic of more powerful hypermedia, rather than a monolith of SPAs-talking-to-Node-in-JSON. Diversity, after all, is our strength. @@ -194,4 +194,4 @@ In conclusion, ![Javascript Devs](/img/js-devs-be-thinking.png) - \ No newline at end of file +