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

2. Démarrer un projet React

Il y a plusieurs moyens de démarrer un projet React, certains sont plus rapides que d’autres. Par exemple, le projet Create React App vous permet de mettre en place un nouveau projet React en une seule ligne de commande ! Cependant, je préfère partir d’un dossier vide, pour que vous puissiez voir le processus de création d’une nouvelle application React en partant de zéro.

Pour commencer nous allons avoir besoin d’ajouter quelques fichiers de configuration dans le dossier racine de notre projet. Je vais détailler le rôle de chacun d’entre eux par la suite.

On va commencer par créer un dossier vide, qui sera le dossier racine de notre projet. Sachez que ce que nous allons développer maintenant, servira de base pour tout le reste du cours. En gros, nous commençons notre projet dès maintenant ! Mais rassurez-vous, on va commencer par la base de la base.

Créons donc un dossier nommé react-pokemons-app.

Pourquoi un tel nom ? Eh bien parce que tout le long du cours, je vous propose de développer une application qui vous permettra de gérer des Pokémons, ni plus ni moins. Qui y a vu un lien avec le jeu Pokémon GO ? 😇

En tout cas, nous partirons d’un dossier vide, jusqu’à obtenir une application finale prête pour la production ! Cela vous permettra d’avoir une vision globale du processus de réalisation d’une application React.

Vous pouvez nommer votre dossier comme vous le voulez, cela n’a pas beaucoup d’importance pour la suite.