Différences

Ci-dessous, les différences entre deux révisions de la page.

--- informatique:javascript:alpinejs [26/04/2024 09:19] – créée cyrille
+++ informatique:javascript:alpinejs [18/10/2025 10:46] (Version actuelle) – cyrille
@@ Ligne 1: / Ligne 1: @@
-https://github.com/alpinejs/alpine/
+====== Alpine.js ======
-AlpineJs permet de manipuler le DOM sans se lancer dans une SPA, très léger (<10ko gzippé et minifié) et n'utilise pas de DOM virtuel. Sa syntaxe est similaire à VueJS. C'est un bon outil entre jQuery et VueJs.
+  * https://alpinejs.dev/
+  * https://github.com/alpinejs/alpine/
+AlpineJs permet de créer/gérer des composants falicement avec Javascript sans se lancer dans une SPA, très léger (<10ko gzippé et minifié) et n'utilise pas de DOM virtuel. Sa syntaxe est similaire à VueJS. C'est un bon outil pour remplacer jQuery et moins complexe que VueJs / React / Angular.
 Présentation des principes d'AlpineJs : https://codewithhugo.com/alpine-tips/
@@ Ligne 13: / Ligne 16: @@
   * [[https://github.com/alpine-collective/awesome|alpine-collective / awesome]] pour une curation de ressources sur AlpineJs
   * Quelques composants https://js.hyperui.dev dont un datepicker
+  * https://alpine-ajax.js.org/ Fourni un raccourci pour charger dynamiquement du HTML dans un élément du DOM à partir d'un appel Ajax
+  * [[https://github.com/markmead/alpinejs-component|alpinejs-component]] permet de gérer des composants réutilisables.
+    * le tag ''x-component'' est modifiable. Voir la PR/MR https://github.com/markmead/alpinejs-component/pull/28
+===== Comparaison avec Juris JS =====
+  * https://dev.to/lynphp/alpinejs-to-jurisjs-migration-pure-debuggable-islandable-solution-4hp
+  * https://jurisjs.com/
+Alpine.js Limitations:
+  * Template-bound logic - Business logic mixed with HTML attributes
+  * Debugging challenges - Hard to debug x-data and x-show in DevTools
+  * No true islands - Global Alpine state affects entire page
+  * Limited composability - Difficult to share logic between components
+  * Opaque reactivity - Can't easily inspect state changes
+Juris.js Advantages:
+  * Pure JavaScript - All logic in debuggable JS functions
+  * True islands - Each enhancement is completely isolated
+  * Transparent state - Clear state management with full debugging support
+  * Service injection - Clean dependency injection pattern
+  * Selector targeting - Precise DOM targeting without attribute pollution