Introduction
  • Introduction
  • Installer les outils de développement React
  • Requis : Installer Node.js et NPM
  • Penser composants, penser React
  • L'outil create-react-app
JSX
  • JSX ?
  • Les différences d'attributs à connaître
  • Associer un évènement à un élément
  • Map et Filter avec JSX
React.js
  • Avant-propos
  • L'application par défaut de create-react-app
  • Un composant React simple
  • Les propriétés : "props"
  • Typer les propriétés
  • Le State d'un composant
  • Un composant "stateless"
  • Le cycle de vie d'un composant
  • Styliser un composant
  • Le cas des formulaires
Projet : Création d'un fil d'actualité
  • Création du fil d'actualité
  • L'en-tête d'une actualité
  • Afficher le message
  • Interagir avec les réactions
  • Les commentaires
  • Récupérer les actualités depuis internet
  • Le problème de l'attribut "key"
Vers une application multi-pages avec React Router
  • Présentation de react-router
  • Créer notre routeur
  • Ajouter des routes
  • Une route personnalisée
  • Créer des liens internes
  • Une page d'erreur
Passer en production
  • Préparer la mise en production
  • Publier sur Now
Se mettre à jour avec React 16
  • Introduction
  • Fragments
  • Error boundaries
  • Dépréciation componentWillMount, componentWillReceiveProps, componentWillUpdate
  • Cycle de vie : componentDidMount
  • Cycle de vie : getDerivedStateFromProps
  • Cycle de vie : getSnapshotBeforeUpdate
Conclusion
  • Conclusion, récapitulatif et ouverture