https://github.com/syarul/htmx-todomvc

htmx todomvc app with ts, express and jsx
https://github.com/syarul/htmx-todomvc

express htmx jsx lambda lambda-functions netlify todoapp typescript vercel

Last synced: 3 months ago
JSON representation

htmx todomvc app with ts, express and jsx

• Host: GitHub
• URL: https://github.com/syarul/htmx-todomvc
• Owner: syarul
• License: apache-2.0
• Created: 2023-09-17T02:07:36.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-16T14:48:57.000Z (about 1 year ago)
• Last Synced: 2024-05-20T19:09:02.655Z (6 months ago)
• Topics: express, htmx, jsx, lambda, lambda-functions, netlify, todoapp, typescript, vercel
• Language: TypeScript
• Homepage: https://htmx-todomvc.vercel.app
• Size: 353 KB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-htmx - TodoMVC App - TodoMVC App built with `Typescript`, `JSX`, `express`, `htmx` and `_hyperscript` deployed on vercel/netlify. (Examples by Back-end / Typescript)

README

        
# htmx-todomvc

![image](https://htmx.org/img/createdwith.jpeg)

HTMX TodoMVC app with TS, Express and JSX

![Vercel](https://vercelbadge.vercel.app/api/syarul/htmx-todomvc)

[https://htmx-todomvc.vercel.app/](https://htmx-todomvc.vercel.app/) 

### What's already in place

- ~~add todo~~

- ~~clear input todo after adding new todo~~

- ~~filter todo base on hash location~~

- ~~check todo behaving correctly~~

- ~~check todo behaving according to location hash~~

- ~~update todo count base on completion~~

- ~~delete todo~~

- ~~edit todo~~

- ~~check all todos~~

- ~~clear completed todos~~

- ~~toggle label toggle all~~

- ~~focus when needed~~

### How does this compare to the full client MVC react?

Base on number of lines codes [https://github.com/tastejs/todomvc/tree/master/examples/react](https://github.com/tastejs/todomvc/tree/master/examples/react) on each files

185 + 62 + 108 + 87 + 50 + 32 (html) = 524 lines (include some comments lines)

Where as this Hypermedia solutions with HTMX + Hyperscript + Alpine + JSX (not including missing features yet)

41 (types) + 226(components) + 14 (middleware) + 97 (app) + 32(server) = 410