React: como funciona

Virtual DOM, componentes e fluxo de dados em aplicacoes modernas.

Filosofia React

A interface e funcao do estado: UI = f(state).

Virtual DOM

React compara arvores e atualiza apenas o necessario no DOM real.

JSX e componentes

function BoasVindas({ nome }) {
  return <h1>Ola, {nome}!</h1>;
}

Hook useState

const [count, setCount] = useState(0);
setCount(count + 1);

Props vs state

Props

Entrada imutavel do componente.

State

Dado interno mutavel com re-render.