itsscb/htmx
1
0
Fork 0
mirror of https://github.com/bigskysoftware/htmx.git synced 2025-10-02 23:35:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

clean up

Browse Source
This commit is contained in:
Carson Gross 2022-10-15 17:25:02 -06:00
parent e23164e5a7
commit adf588abc8
2 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
www/essays/a-real-world-react-to-htmx-port.md
View File

@ -7,7 +7,7 @@ title: A Real World React -> htmx Port
## Moving From React to htmx ## Moving From React to htmx
It is all well and good talking about [REST & HATEOAS](/essays/hateoas) in theory or describing the It is all well and good talking about [REST & HATEOAS](/essays/hateoas) in theory or describing the
[Hypermedia-Driven Application](/essays/hypermedia-driven-applications) architecture, but at the end of the day, what [Hypermedia-Driven Application](/essays/hypermedia-driven-applications) architecture, but, at the end of the day, what
matters in software is practical: Does it work? Does it improve things? matters in software is practical: Does it work? Does it improve things?
We can say for sure that htmx _works_, since we use it in our own software. But it is hard to say that it would be We can say for sure that htmx _works_, since we use it in our own software. But it is hard to say that it would be
@ -48,15 +48,19 @@ You can (should!) watch the entire presentation here:
These are eye-popping numbers, and they reflect the fact that the Contexte application is extremely amenable to These are eye-popping numbers, and they reflect the fact that the Contexte application is extremely amenable to
hypermedia: it is a content-focused application that shows lots of text and images. We would not expect every hypermedia: it is a content-focused application that shows lots of text and images. We would not expect every
web application to see these sorts of numbers. However, we _would_ expect many applications to see dramatic improvements web application to see these sorts of numbers.
by adopting the hypermedia/htmx approach, at least for part of their system.
However, we _would_ expect _many_ applications to see dramatic improvements by adopting the hypermedia/htmx approach, at
least for part of their system.
### Dev Team Makeup ### Dev Team Makeup
One easy-to-overlook aspect of the port is the effect it had on the team's structure. When Contexte was using react, One easy-to-overlook aspect of the port is the effect it had on the team's structure. When Contexte was using react,
there was a hard split between back end and front end, with two developers being entirely back end, one developer being there was a hard split between back-end and front-end, with two developers being entirely back-end, one developer being
entirely front end, and one developer being "full stack". "Full stack" here means they are comfortable with doing work entirely front-end, and one developer being "full stack".
on both the front end and back end, and, thus are able to develop features entirely independently across the whole "web stack".
("Full stack" here means they are comfortable doing work on both the front-end and back-end, and, thus are able to
develop features entirely independently across the whole "stack".)
After the port to htmx, *the entire team* became "full stack" developers. This means that each team member is more After the port to htmx, *the entire team* became "full stack" developers. This means that each team member is more
effective and able to contribute more value. It also makes development more fun, since developers can own an entire effective and able to contribute more value. It also makes development more fun, since developers can own an entire

2
www/index.md
View File

@ -19,7 +19,7 @@ directly in HTML, using [attributes](https://htmx.org/reference#attributes), so
htmx is small ([~12k min.gz'd](https://unpkg.com/htmx.org/dist/)), htmx is small ([~12k min.gz'd](https://unpkg.com/htmx.org/dist/)),
[dependency-free](https://github.com/bigskysoftware/htmx/blob/master/package.json), [dependency-free](https://github.com/bigskysoftware/htmx/blob/master/package.json),
[extendable](https://htmx.org/extensions), [extendable](https://htmx.org/extensions),
IE11 compatible & has reduced code base size by [67% when compared with react](/essays/a-real-world-react-to-htmx-port/) IE11 compatible & has **reduced** code base sizes by [67% when compared with react](/essays/a-real-world-react-to-htmx-port/)
## motivation ## motivation