Module de commentaires : Frontend

Voir la vidéo
Avant d'attaquer ce tutoriel vous pouvez suivre la première partie

Maintenant que notre API est fonctionnelle on peut commencer à créer notre partie frontend. Notre but est de créer un composants que l'on va pouvoir réutiliser facilement :

<comments :id="1" model="Post"></comments>

On pourra créer des attibuts supplémentaires comme l'ip, le CSRF token ou le token d'authentification si besoin.

VueJS & VueX

Pour la partie composant nous allons utiliser VueJS et morceler notre composants en plusieurs morceaux :

  • <comment :comment="comment">, représentera un commentaire
  • <comment-form :id="1" model="Post" :reply="3">, permettra de rendre le formulaire d'ajour de commentaire ou de réponse.

Le problème de notre système est que l'on va avoir besoin de faire communiquer ces différents composants ensemble. Pour cela nous allons utiliser Vuex

Publié
Technologies utilisées
Auteur :
Grafikart
Partager