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 na documentação do React contém sandboxes como esta. Fora da documentação do React, existem muitos sandboxes online que suportam React: por exemplo, CodeSandbox, StackBlitz ou CodePen.
Para experimentar o React localmente em sua máquina, baixe este arquivo HTML. Abra-o em seu editor e em seu navegador!
Criando um App React
Se você quiser iniciar um novo app React, você pode criar um app React usando um framework recomendado.
Criando um App React do Zero
Se um framework não for uma boa opção para seu projeto, você preferir construir seu próprio framework, ou você apenas quer aprender os fundamentos de um app React, você pode criar um app React do zero.
Adicione React a um projeto existente
Se você quiser experimentar o React em seu app ou site existente, você pode adicionar o 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.