Développement du frontend réalisé pendant la formation "Débuter avec React" d'OpenClassrooms auquel j'ai rajouté de nouvelles features pour améliorer l'application.
- créer une app en React.
- utilisation des function component.
- utilisation du hook useState() pour gérer le state local.
- utilisation du hook useEffect() pour effectuer une action à un moment donné du cycle de vie de nos composants et ses différents effets.
- utilisation des props pour réutiliser les composants en leur passants des données en paramètres.
- Props Dilling : terme utiliser quand on passe des props à un composant uniquement pour qu’un composant enfant y ait accès.
- gestion des évènements.
Client: React, JS, HTML/CSS Hébergement : Netlify
Développées pendant la formation :
- Sélection des catégories de plantes à afficher.
- Ajout de plantes dans le panier et affichae d'une alerte (méthode alert()) si la plante est déjà présente dans le panier.
- Affichage de la somme totale des plantes dans le panier.
- Vider tout le panier.
- Choisir d'afficher ou non le panier.
- Validation de l'email et affichage d'une alerte (méthode alert()) s'il manque l'"@".
Développées en autonomie pour améliorer l'application :
- Augmenter/Diminuer la quantité d'une plante dans le panier.
- Supprimer une plante du panier.
- Remplacement de la méthode alert() par un message élement HTML/CSS/JS.
- Changement du gestionnaire d'evenement : passé du onBlur à onClick sur le nouveau boutton "Envoyer".
- Stylisme des élements : button, select, input.
Aucune. Le but étant de découvrir React.