Architecture

Introduction

La bibliothèque React est construite sur des bases solides. Elle est simple, flexible et extensible. Comme nous l'avons appris précédemment, React est une bibliothèque permettant de créer une interface utilisateur dans une application web. L'objectif principal de React est de permettre au développeur de créer une interface utilisateur en utilisant du JavaScript pur. Normalement, chaque bibliothèque d'interface utilisateur introduit un nouveau langage de modèle (que nous devons apprendre) pour concevoir l'interface utilisateur et offre une option pour écrire la logique, soit dans le modèle, soit séparément.

Au lieu d'introduire un nouveau langage de gabarits, React introduit trois concepts simples, comme indiqué ci-dessous.

React elements

Représentation JavaScript du DOM HTML. React fournit une API, React.createElement pour créer un élément React.

JSX

Une extension JavaScript pour concevoir l'interface utilisateur. JSX est un langage extensible basé sur XML, qui supporte la syntaxe HTML avec peu de modifications. JSX peut être compilé en éléments React et utilisé pour créer une interface utilisateur.