Différences
Ci-dessous, les différences entre deux révisions de la page.
Prochaine révision | Révision précédente |
informatique:javascript:alpinejs [26/04/2024 09:19] – créée cyrille | informatique:javascript:alpinejs [02/05/2024 11:15] (Version actuelle) – alpinejs-component cyrille |
---|
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/ | Présentation des principes d'AlpineJs : https://codewithhugo.com/alpine-tips/ |
* [[https://github.com/alpine-collective/awesome|alpine-collective / awesome]] pour une curation de ressources sur AlpineJs | * [[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 | * 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 |
| |
| |
| |
| |