Partie 1 : Découvrir React
Partie 2 : Acquérir les bases de React
Partie 3 : Aller plus loin avec React
Partie 4 : Bonus
Partie 5 : Obtenir votre sticker React

7. Conclusion

Voilà, vous avez réalisé votre premier « Hello, World » avec React ! Vous pouvez être fier de vous.

Mine de rien, ce modeste exemple a nécessité d’utiliser les Web Components, ES6 et TypeScript ! C’est pourquoi il n’était pas inutile de les étudier juste avant.

Je vous propose dans le prochain chapitre de commencer à construire notre application de Pokémons, par-dessus la base que nous venons de réaliser dans ce chapitre. Mais rassurez-vous, il y a encore beaucoup de choses à voir !

En résumé

  • On a besoin au minimum d’un composant par application.
  • Le fichier index.tsx fait le lien entre notre composant racine, et le fichier index.html.
  • L’ordre de chargement de l’application est le suivant : index.html > index.tsx > App.tsx.
  • Dans une application React, l’extension des fichiers TypeScript est tsx, car nous utilisons JSX.
  • Le fichier de configuration du compilateur de TypeScript se nomme tsconfig.json par convention.
  • Le fichier package.json initial est fourni avec des commandes prêtes à l’emploi comme la commande npm start, qui nous permet de démarrer notre application web.