nymanjon

13 ms·

1.
by nymanjon 2mo ago
With HTMX 4.0 it might be a bit nicer. I use my own home-grown HTMZ-BE lib/snippet that has the back end decide where to place the elements. Deciding from the back end makes it so you go from a lot of eventing on the front end to middl
2.
by nymanjon 8mo ago
I created this app to help me track cash transactions that I can then export as a CSV file and then import into my PTA. It works well. It can work offline. I built it to be progressively enhanced. So, no JS needed but, if you don't min
3.
by nymanjon 8mo ago
I created a little app that tracks the cash spending that I can export with a CSV file. You can host it yourself. I had no idea that my wife was using so much cash! https://github.com/jon49/cash
4.
by nymanjon 9mo ago
I took that idea and made it actually usable. https://github.com/jon49/htmz-be It's amazing how much further you can go when you flip the server as the one deciding where what should be updated on the page. This w
5.
by nymanjon 9mo ago
HTMX and related libs work just fine as offline apps. I've been doing it with my personal apps I make for myself for a long time. Also, morphdom/idiomorph get you a long way even when you have highly interactive pages, especially
6.
by nymanjon 9mo ago
There's also htmz-be, nomini.js. Depending on your complexity needs.
7.
by nymanjon 9mo ago
This exactly. React is spaghetti code with the reducers. Using API end points to fetch HTML makes it super simple to see what is going on.
8.
by nymanjon 9mo ago
fixi.js, nomini.js, data-star, htmz-be. All have smaller footprints. All work just fine, depending on your needs.
9.
by nymanjon 9mo ago
Here's an example offline-first hypermedia-driven soccer application. The match page is the most complex part of the application and I use Morphdom to just do a diff on the main section of the page. I find hypermedia-driven development
10.
by nymanjon 9mo ago
Interesting read. I haven't quite finished it all. I haven't ever needed anything like that when writing web pages with HTMX, html-form (my own), nor htmz-be (another one I wrote based off of htmz but the back end decided where th
11.
Serving the Back End from a Service Worker(github.com)
2 points by nymanjon 10mo ago|1 comments
12.
by nymanjon 10mo ago
This is a offline-first PWA app where I serve the back end from a service worker using JS template literals to stream HTML. This uses a variant of HTMZ to increase the interactivity of the app along with Morphdom for DOM diffing.
13.
by nymanjon 10mo ago
Mastro looks like what I do for my offline-first, rendered from Service Workers. I just compose html template string literals and stream them back to the front end. The lib I use for HTML is a bit more powerful though. It is a very elegant
14.
by nymanjon 10mo ago
I added one site that is mostly a static recipe site that my family uses. It includes VanJS to pick random recipes and you can save them as you go along to pick what you are planning for dinner that night. It also has a filter to find the r
15.
by nymanjon 11mo ago
With highly dynamic page where you would normally start using a front end lib, Idiomorph makes it so you can stick with the hypermedia approach instead.
16.
by nymanjon 11mo ago
HTMZ-BE: <a id="contact1" href="/contact/1/edit" role="button">Edit</a> Hhhmmm..., that's more verbose than both :-(
17.
by nymanjon 11mo ago
If you are looking for a very tiny foot print, you might like htmz-be.
18.
by nymanjon 11mo ago
I build most of my personal websites with service workers. No need for the framework, I just build it for the specific use case I have at the moment. Here's an offline-first soccer app: https://github.com/jon49/Soc
19.
by nymanjon 11mo ago
No need for HTMX, HTMZ can get you most of the way there if it is going from simple MPA to slightly more complicated. I used a variation of HTMZ to make a offline-first soccer app I use for myself. I thought I would need to use a front end
20.
by nymanjon 11mo ago
My intent wasn't to say it is a Datastar replacement. Just to say that I used their idea of deciding where to place the returned HTML is based on the back end driving the decision, rather than the front end. Datastar's model of do
21.
Back-end driven HTMZ development(github.com)
4 points by nymanjon 11mo ago|3 comments
22.
by nymanjon 11mo ago
When HTMZ was announced I thought it was a neat little script. But I didn't understand how this would be practical in the real world. This little "extension" makes it have the full power of hypermedia development but targeted
23.
by nymanjon 11mo ago
The article stated that he no longer needs eventing to update other parts of the page, he can send down everything at once. So, I guess that is much less complex. Granted, eventing and pulling something down later could be a better approach
24.
HTML-form an Htmx-like library(github.com)
3 points by nymanjon 11mo ago|1 comments
25.
by nymanjon 11mo ago
I advocated for intercooler.js/HTMX at work and to better understand HTMX I built this library. This library takes an HTML-standards-first take to hypertext programming. Because of this it makes it easy to build progressively enhanced
26.
by nymanjon 1y ago
Another solution besides data-action pattern is html-traits or web components.
27.
by nymanjon 1y ago
I've found for state machine on the front end which uses mostly data that is already on the front end that using a lib like VanJS can be very nice and useful. Using the correct paradigm for the problem is nice. This would be over kill
28.
by nymanjon 1y ago
Yes, going from SPA-like libs to hyper text libs is definitely a change in how you use your mind and approach problems. It's like going from OO to Functional-style programming. It really messes with the brain. But eventually you learn
29.
by nymanjon 1y ago
It took me an hour to add a link to the page because I had to learn about how the React Router works and learn how to set it up for the page I was on. With HTML it takes a couple of minutes, no need to set up props, pull in a library. I jus
30.
by nymanjon 1y ago
I'm working on a React code base that literally uses over 100 lines of code to navigate to the next page. It also takes about 20 lines of code to have a link. It seems like React devs have never programmed outside of React. I do like f

More ›