$cat~/glossario/jsx.md

JSX

React

Sintaxe XML-like compilada para React.createElement.

jsx.mdmarkdown
01

seção

Explicação

JSX — Sintaxe XML-like compilada para React.createElement.

JSX syntax compila React.createElement(type, props, ...children) — TS .tsx types props.

Fragment <>... short syntax; key on list sibling.

02

seção

Exemplo

snippettsx
const el = (  <main className="page">    <h1>{title}</h1>  </main>);
03

seção

Modo de uso

  • Component return markup

  • Conditional render && ternary

  • Map list unique key

04

seção

Armadilhas comuns

  • Adjacent roots need fragment

  • className not class HTML

05

seção

Termos relacionados