Comment créer une application React sans se perdre ?

Ne commencez pas par créer cinquante composants. Commencez par le besoin.

1. Identifier les écrans

Exemple :

  • connexion ;
  • dashboard ;
  • clients ;
  • détail client.

2. Identifier les composants

Quels éléments sont répétés ?

3. Identifier les données

Quelles informations chaque écran doit-il afficher ?

4. Identifier l’état

Quelles informations changent pendant l’interaction ?

5. Définir les échanges API

Quelles données viennent du serveur ?

6. Gérer les états d’interface

Une requête peut être :

en attente → réussie → vide → en erreur.

L’interface doit gérer ces situations.

7. Tester le parcours

Pas uniquement chaque bouton isolé.

Mini-projet

Dashboard de commandes avec :

  • liste ;
  • filtre ;
  • détail ;
  • modification de statut ;
  • données provenant d’une API.
Formation Développement d’Applications et Solutions Connectées au CAFP Casablanca

Consultez la page principale de cette filière pour retrouver la durée, les conditions d’admission et les informations de préinscription.

Retour à la filière
WhatsApp