React
Academy

Plan de cours

Fondements de React

React est une bibliothèque JavaScript créée par Facebook. Elle permet aux développeurs de générer des applications Web à partir de données qui peuvent être modifiées sans avoir à rafraîchir la page. Elle offre plus de rapidité, de simplicité et d’évolutivité.

En quelques années, React est devenue une technologie éprouvée qui est utilisée sur des milliers de sites Web (Facebook, Netflix, Instagram, NY Times) et d’applications mobiles (Skype, Uber, Tesla).

Jour 1

Toutes les notions de base dont vous avez besoin
1. Introduction à React 
  • Qu’est-ce que React? (Avant 2015 : ReactJS)
  • Caractéristiques, avantages et inconvénients
  • Installation
  • Bonjour tout le monde avec React
  • Déploiement d’une application React
2. JSX et rendu 
  • API React
  • Langage JSX
  • DOM virtuel et réconciliation
3. Composants 
  • Types de composants
  • Utilisation de propriétés (Props React)
  • Utilisation d'états (State React)
4. Cycle de vie (Lifecycle) 
  • Création et destruction des composants
  • Méthodes du cycle de vie (componentDidMount(), componentWillUnmount())
  • Utilisation de SetState()
5. Gestion d’événements 
  • Liaisons d’événements (event listeners)
  • Événements synthétiques
6. Programmation fonctionnelle en utilisant les Hooks Nouveau
  • Que sont les Hooks?
  • Utiliser le Hook d’état
  • Utiliser le Hook d’effet

Jour 2

Renforcez vos compétences
7. Routage 
  • Historique (history)
  • Chemins (paths)
  • Hyperliens (links)
8. Formulaires 
  • Composants contrôlés
  • Composants libres (uncontrolled components)
  • Références (refs)
  • Validation
  • Utiliser des clés
9. Charger des données dans le « state » Nouveau
  • Utiliser fetch() pour obtenir des données d’un API
  • Modifier les données avec un API
  • Programmation asynchrone en JS
  • Utiliser les notifications Google Firebase
10. Outils React avancés 
  • Introduction aux outils de développement React
  • Extension de débogage
  • Composants de navigation
  • Analyse des performances avec le profileur
  • Détection du rendu
  • Périmètres d’erreurs
11. Meilleures pratiques d'architecture React Nouveau
  • Où placer l’État
  • Pourquoi l’État devrait-il être immuable?
  • Qu’en est-il de css?