Élevez votre présence en ligne avec notre équipe dédiée à mettre votre vision à l’avant-garde du paysage numérique.
Michael VilleneuvePresidentChez Laradev, nous sommes convaincus que le prototypage est une pratique essentielle dans notre processus de développement. Cela nous permet de tester rapidement nos idées et d'obtenir un aperçu concret du comportement des fonctionnalités que nous souhaitons implémenter pour nos clients.
Avec Livewire, nous avons la possibilité de développer sans la couche Javascript, ce qui accélère considérablement notre processus de développement et nous permet d'être plus agiles dans nos approches.
Une bonne pratique… créer notre composant Livewire et écrire nos tests avant de coder !
Livewire nous propose des fonctions de tests nous permettant de facilement interagir avec l’état de notre composant.
Et le résultat :
Puisque nous avons généré le composant avec le test, notre premier test est déjà fonctionnel. Ajustons notre composant pour les 3 prochains tests
Pour ajouter un composant Livewire, il faut simplement inclure une balise : <livewire:nom-du-composant></livewire:nom-du-composant>
Ceci devrait valider notre premier test :
Pour notre composant, nous voulons afficher un maximum de 50 produits.
À l’aide de Tailwind UI, nous allons utiliser un composant pour facilement générer un tableau.
Et notre test fonctionne !
Et voilà ! un autre crochet vert, il nous reste plus qu’un scénario à résoudre.
Ajoutons un champ qui sera lié entre notre interface client et notre serveur via l’attribut wire:model.live.
Nous pouvons capter l’évènement de mise à jour via la fonction updated.
Validons que tout fonctionne…
Et voilà ! Testons notre prototype sur le navigateur.