Exercices Introduction & JSX

Tâche : Créez un composant React nommé Bonjour (majuscule !) qui retourne du JSX avec un <h1> et un <p>.

Tâche : Créez un composant Carte qui utilise className (et non class) sur tous ses éléments : div, h2, p et button.

Tâche : Créez un composant Menu qui retourne <header>, <nav> et <main> sans div racine — utilisez un Fragment <> </>.

Tâche : Créez un composant Profil qui déclare des variables (nom, age, skills) et les affiche dans du JSX avec des accolades {}.

Tâche : Créez un composant Statut qui reçoit estConnecte et affiche un message différent selon l'état — utilisez l'opérateur ternaire ? :.

Tâche : Créez un Dashboard qui affiche un panel admin seulement si isAdmin est vrai, et un badge de notifications seulement si notifications > 0.

Tâche : Créez un BoutonColore avec un style inline JSX (doubles accolades style={{}}) incluant couleur, padding et border-radius.

Tâche : Ajoutez des commentaires JSX {/* */} dans ce composant — un commentaire sur une ligne, un sur plusieurs lignes. Évitez <!-- -->.

Tâche : Écrivez le code de montage React 18 : ReactDOM.createRoot() sur l'élément #root, puis .render(<App />).

Tâche : Créez un composant Carte qui reçoit des props (titre, description, couleur) et les utilise dans son JSX. Testez-le dans un composant App.