React dynamique

Dans cette section, nous allons apprendre à développer des applications interactives et dynamiques avec React.

Jusque là, nous avons vu comment fonctionne React dans les coulisses, les spécificités de la syntaxe JSX, comment créer des pages Web statiques avec React et diviser notre page web en composants.

Ensuite, nous avons appris à créer des composants réutilisables, à l’aide de props, faire passer des données dans les composants pour garantir leur réutilisabilité, ce qui nous a permis d’utiliser des données statiques (avec des objets JS) pour générer des portions de nos pages Web (Cards, ListItems etc…).

Page statique vs applications dynamique

• Page statique

  • Read-only (lecture seulement) : les données ne sont pas modifiées par l’utilisateur.
  • Exemples : Blogs, Site de nouvelles (journal)

• Application dynamique

  • Read-write (lecture/écriture) : L’utilisateur est capable de modifier les données.
  • Interactive
  • Affiche les données de l’utilisateur (lié à son propre compte)
  • Exemples : Site d’une banque, Airbnb, les sites d’eCommerce, etc…