useState

React 🟢 Junior

Definition

Hook qui ajoute un etat local a un composant fonctionnel. Retourne la valeur courante et une fonction pour la mettre a jour.

Analogie

Comme un post-it sur le frigo : tu lis la valeur et tu la remplaces quand elle change.

Exemple de code

const [name, setName] = useState('');

// Mise a jour fonctionnelle (recommandee)
setCount(prev => prev + 1);

// Initialisation couteuse avec lazy init
const [data, setData] = useState(() => expensiveCalc());

Cas d'usage

Tout etat local simple : champs de formulaire, toggles, compteurs, donnees UI.

Anti-pattern

Appeler le setter dans le corps du composant sans condition, causant une boucle infinie de re-rendus.
#hooks#interview#fundamentals