React: Componentes, JSX e Props

React é a biblioteca mais usada para construir interfaces web modernas. A ideia central é simples: você divide a tela em componentes reutilizáveis - cada um é uma função que devolve HTML (mais ou menos).

function Botao({ texto, onClick }) {
  return <button onClick={onClick}>{texto}</button>;
}

function App() {
  return (
    <main>
      <h1>Meu app</h1>
      <Botao texto="Salvar" onClick={() => alert("salvo!")} />
    </main>
  );
}

// Quiz

No React, o que dispara uma nova renderização de um componente?

Uma mudança no seu state ou nas suas propsEditar o arquivo CSSRecarregar a página manualmente

// recursos

// avaliação da trilha