Aide-memoire

React

Les bases React pour creer des composants, gerer l'etat, les effets et les formulaires.

Projet videJSXHooksFormulaires

npm create vite@latest mon-app -- --template react
cd mon-app
npm install
npm run dev

function Bonjour({ nom }) {
  return <h1>Bonjour, {nom}!</h1>
}

export default Bonjour

import { useState } from 'react'

const [compteur, setCompteur] = useState(0)
setCompteur(compteur + 1)

import { useEffect } from 'react'

useEffect(() => {
  console.log('Composant monte')
  return () => console.log('Composant demonte')
}, [])

const [texte, setTexte] = useState('')

<input
  value={texte}
  onChange={e => setTexte(e.target.value)}
/>