Présentation de React

Introduction à React

React est une bibliothèque JavaScript open-source développée par Facebook pour créer des interfaces utilisateur. Il permet aux développeurs de créer des composants réutilisables qui peuvent être facilement combinés pour créer des applications web complexes.

import React from 'react'

function Welcome(props) {
  return <h1>Bonjour, {props.name}</h1>
}

function App() {
  return (
    <div>
      <Welcome name="Sara" />
      <Welcome name="Cahal" />
      <Welcome name="Edite" />
    </div>
  )
}

export default App

Les avantages de React

Structure claire : React permet de structurer une application en utilisant des composants, qui sont des petits morceaux de code réutilisables. Cela permet de rendre le code plus facile à comprendre et à maintenir. Performance améliorée : React utilise un système de virtual DOM qui permet de mettre à jour uniquement les parties de l'interface qui ont changé, plutôt que de re-rendre toute la page. Cela permet d'améliorer les performances de l'application. Facilité d'intégration : React peut être utilisé avec d'autres bibliothèques ou frameworks pour créer des applications web complètes. Il est également compatible avec les applications mobiles grâce à React Native.

JSX

JSX est un langage de balisage similaire à HTML qui est utilisé pour décrire la structure des composants React. Il permet de combiner du code JavaScript et du HTML pour créer des composants React de manière intuitive.

import React from 'react'

const element = <h1>Bonjour, React!</h1>

ReactDOM.render(element, document.getElementById('root'))