adonisjs edge daisyui package

/Edge components

September 8, 2022

08/02/2024 : Une migration est en court pour edge 6 et adonisjs 6.

Le développement de composants réutilisables est un aspect crucial dans la création d'applications web modernes. Dans cet article, nous explorerons l'utilisation du package @jrmc/edge-components pour créer des composants DaisyUI avec le système de template Edge, offrant ainsi une solution élégante et efficace pour la création d'interfaces utilisateur dans les applications basées sur Edge.

Si vous travaillez avec AdonisJS, vous savez à quel point la création et la gestion des composants peuvent être cruciales pour maintenir un code propre et organisé. Cependant, cela peut parfois être fastidieux, surtout lorsque vous devez créer des composants de base pour des tâches récurrentes telles que la navigation, les formulaires, ou encore les modales.

C'est là que le package @jrmc/edge-components entre en jeu. Utilisant la puissance de DaisyUI et Tailwind CSS, ce package vous offre une collection complète de composants prêts à l'emploi spécialement conçus pour le système de template Edge utilisé par AdonisJS.

Qu'est-ce que @jrmc/edge-components ?

@jrmc/edge-components est un ensemble de composants Edge pré-conçus pour simplifier le processus de développement dans les projets AdonisJS. Ces composants couvrent une large gamme de fonctionnalités couramment utilisées dans les applications web, allant des éléments de navigation aux formulaires complexes, en passant par les modales et bien plus encore.

Pourquoi utiliser @jrmc/edge-components ?

  • Gain de temps : Plus besoin de recréer les mêmes composants à partir de zéro pour chaque projet. Avec
  • Consistance : En utilisant des composants pré-conçus, vous assurez une cohérence visuelle et fonctionnelle dans votre application, ce qui peut améliorer l'expérience utilisateur.
  • Flexibilité : Les composants sont conçus pour être facilement personnalisables selon vos besoins spécifiques, vous permettant ainsi de les adapter à l'esthétique et aux fonctionnalités de votre projet.

Comment commencer ?

Installation

Pour commencer à utiliser @jrmc/edge-components dans votre projet AdonisJS :

npm install @jrmc/edge-components
# ou
yarn add @jrmc/edge-components

Utilisation

Une fois installé, vous pouvez importer les composants dans vos fichiers Edge et commencer à les utiliser. Voici un exemple d'utilisation d'un composant de bouton :

@!jrmc.button({ text: 'button' })

Conclusion

Avec @jrmc/edge-components, simplifiez la création de vos projets AdonisJS en profitant d'une bibliothèque complète de composants prêts à l'emploi. Gagnez du temps, assurez la cohérence et la flexibilité de votre application, tout en offrant une expérience utilisateur de qualité. Donnez à votre code la qualité qu'il mérite en adoptant @jrmc/edge-components dès aujourd'hui.


Site : https://edge-components.jrmc.dev
Github : https://github.com/batosai/edge-components

Partage

©2024 Jeremy Chaufourier.