Devenir opérationnel rapidement en React - Volume 1
  • Présentation du projet "Tomatimer"
  • Repo github de "tomatimer"
  • Présentation de l'application créée et modification du component racine
  • Créer notre premier component
  • Modifier l'état dun component à l'aide de setState
  • Gérer les événements click
  • Améliorer l'expérience utilisateur
  • Créer un child component et lui passer des props
  • Créer un child component utilisé par un child component
  • Ajouter Bootstrap 4
  • Formater les valeurs rendues
  • Utiliser le package toastify
  • Autres components simples
Devenir opérationnel rapidement en React - Volume 2
  • Présentation du projet "Reactsimate"
  • Repo github de "reacstimate"
  • Génération de notre application à l'aide de create-react-app
  • Passer des props à un component enfant
  • Afficher conditionnellement un component enfant
  • Stateless Functional Component
  • Création d'un formulaire
  • Faire d'un champ texte un "controlled component"
  • Installation de boostrap
  • Mettre à jour l'état lors d'un changement dans n'importe quel champ texte
  • Ajouter de nouvelles propriétés à l'objet "items"
  • Créer dynamiquement des instances d'un component
  • Gérer les changements de components enfants
  • Gérer les changements d'état des items du devis
  • Générer un fichier PDF
  • InputText : exemple de Stateless Functional Component
  • Utilisation de notre Stateless Functional Component
  • Présenter le document PDF
  • Introduction à Flexbox
  • Introduction à Flexbox (suite)
  • Introduction à Flexbox (fin)
  • Utilisation de reduce()
  • Finalisation du document PDF
  • Sauvegarder le PDF
Devenir opérationnel rapidement en React - Volume 3
  • Présentation du projet "en route"
  • Effectuer une requête AJAX
  • Passer les données de l'API en tant que props
  • Ajouter un component Todo et gérer la présentation à l'aide de Flexbox
  • Le routage dans le cas de components sans props
  • Le routage dans le cas d'un component qui a besoin d'une prop
  • Utilisation du component Link pour le routage
  • Styliser le menu de navigation à l'aide de Flexbox
  • Route avec paramètre dynamique
  • Récupérer le paramètre d'une route
  • Faire d'un Flexbox child également un container
  • Conclusion du projet 3
Bonus
  • Coupons vers des formations complémentaires