libs - htmx - overview (#84)

MarcLoupias · Jan 23, 2024 · fc02509 · fc02509
1 parent 1f780d1
commit fc02509
Show file tree

Hide file tree

Showing 411 changed files with 818 additions and 708 deletions.
diff --git a/content/.vuepress/sidebar-config/platforms-frameworks-libs.js b/content/.vuepress/sidebar-config/platforms-frameworks-libs.js
@@ -18,6 +18,14 @@ function getPlatformsFrameworksLibs() {
                 'vuejs/vuejs-overview'
             ]
         },
+        {
+            title: 'htmx',
+            collapsable: false,
+            sidebarDepth: 2,
+            children: [
+                'htmx/htmx-overview'
+            ]
+        },
         {
             title: 'Node.js',
             collapsable: false,

diff --git a/content/platforms-frameworks-libs/htmx/htmx-overview.md b/content/platforms-frameworks-libs/htmx/htmx-overview.md
@@ -0,0 +1,46 @@
+# htmx overview
+
+## official links
+
+[`htmx.org`](https://htmx.org/)
+
+[repo](https://github.com/bigskysoftware/htmx)
+
+## articles
+
+[HTMX, pour un développement web simplifié - `www.sfeir.dev` - 20230726](https://www.sfeir.dev/front/htmx-pour-un-developpement-web-simplifie-vous-avez-peut-etre-la-chance-davoir-connu-lage-des-pages-web-statiques-sans-interactions-puis-lavenement-de-flash-et-jquery-pour-finir-aujourdh/)
+
+[A First Look at HTMX and How it Compares to React - `www.builder.io` - 20230915](https://www.builder.io/blog/htmx-vs-react)
+
+## tools
+
+[gist `htmx + mock requests = SPA?`](https://gist.github.com/edofic/7c6fc369ef960315422914e946f4854b) [`mock-requests` pkg](https://www.npmjs.com/package/mock-requests)
+
+```html
+<!DOCTYPE html>
+<html>
+
+<head>
+  <title>Hello Page</title>
+  <script src="https://unpkg.com/[email protected]"></script>
+  <script src="https://unpkg.com/[email protected]/index.js"></script>
+  <script language="javascript">
+    MockRequests.setDynamicMockUrlResponse('/ui/button',
+      {
+        dynamicResponseModFn:
+          function (request, response, parameters) {
+            console.log("A mock request was made: ", request, response, parameters)
+            return "hello"; // hardcoded here but full request is available for dynamically generating
+          },
+        usePathnameForAllQueries: true
+      });
+  </script>
+</head>
+
+<body>
+  <h1>Hello</h1>
+  <button hx-get="/ui/button" hx-swap="afterend">Load</button>
+</body>
+
+</html>
+```
diff --git a/docs/404.html b/docs/404.html
diff --git a/docs/assets/js/107.93599d30.js b/docs/assets/js/107.93599d30.js