📚 Cheatsheet

Une collection organisée de snippets de code pour accélérer votre développement. Parcourez, recherchez et copiez en un clic.

Snippets 6

Retour
Composant fonctionnel avec une flèche
Facile
const Welcome = () => <h1>Bonjour le monde !</h1>;
Composant fonctionnel simple
Facile
function Welcome() {
  return <h1>Bonjour le monde !</h1>;
}
JSX avec une expression JavaScript
Facile
const name = 'Alice';
const element = <h1>Bonjour, {name}</h1>;
Syntaxe courte de Fragment
Facile
function Columns() {
  return (
    <>
      <td>Hello</td>
      <td>World</td>
    </>
  );
}
Utilisation de JSX
Facile
const element = <h1 className="greeting">Bonjour !</h1>;
Utiliser React.Fragment
Intermédiaire
function Columns() {
  return (
    <React.Fragment>
      <td>Hello</td>
      <td>World</td>
    </React.Fragment>
  );
}