Instalação

React foi projetado desde o princípio para adoção gradual. Você pode utilizar o React o quanto for necessário. Seja se você quiser ter um gostinho do React, adicionar alguma interatividade a uma página HTML, ou iniciar uma aplicação complexa baseada em React, esta seção vai ajudá-lo a dar os primeiros passos.

Experimente React

Não é necessário que instale nada para mexer com o React. Experimente editar este exemplo de código!

function Greeting({ name }) {
  return <h1>Hello, {name}</h1>;
}

export default function App() {
  return <Greeting name="world" />
}

Você pode editá-lo diretamente ou abri-lo em uma nova aba pressionando o botão “Fork” no canto superior direito.

A maioria das páginas nas documentações do React contém exemplos interativos como este. Fora da documentação do React, existem muitos sites sandboxes que permitem usar React: por exemplo, CodeSandbox, StackBlitz, ou CodePen.

Experimente React localmente

Para experimentar o React localmente na sua máquina, baixe este arquivo HTML. Abra-o em seu editor e em seu navegador!

Inicie um novo projeto em React

Caso queira construir uma aplicação ou um site totalmente em React, inicie um novo projeto em React.

Adicione React a um projeto existente

Caso queira experimentar React em um projeto existente, adicione React a um projeto existente.

Próximos passos

Vá para o guia de Início Rápido para um tour pelos conceitos mais importantes de React que você encontrará no dia a dia.