O mais pequeno exemplo de Reacção parece assim:
ReactDOM.render( <h1>Hello, world!</h1>, document.getElementById('root'));Mostra um título que diz “Olá, mundo!” na página.
Tente no CodePen
Clique no link acima para abrir um editor online. Sinta-se à vontade para fazer algumas alterações, e veja como estas afectam a produção. A maioria das páginas deste guia terão exemplos editáveis como este.
Como ler este guia
Neste guia, examinaremos os blocos de construção das aplicações React: elementos e componentes. Uma vez dominados, é possível criar aplicações complexas a partir de pequenas peças reutilizáveis.
Tip
Este guia foi concebido para pessoas que preferem aprender conceitos passo a passo. Se prefere aprender fazendo, consulte o nosso tutorial prático. Poderá encontrar este guia e o tutorial complementar um ao outro.
Este é o primeiro capítulo de um guia passo-a-passo sobre os principais conceitos de Reacção. Pode encontrar uma lista de todos os seus capítulos na barra lateral de navegação. Se estiver a ler isto a partir de um dispositivo móvel, pode aceder à navegação premindo o botão no canto inferior direito do seu ecrã.
Todos os capítulos deste guia se baseiam nos conhecimentos introduzidos nos capítulos anteriores. Pode aprender a maior parte do Reage lendo os capítulos do guia “Principais Conceitos” na ordem em que aparecem na barra lateral. Por exemplo, “Introduzindo JSX” é o próximo capítulo após este.
Pressupostos do Nível de Conhecimento
Reagir é uma biblioteca JavaScript, e por isso vamos assumir que tem uma compreensão básica da linguagem JavaScript. Se não se sentir muito confiante, recomendamos que passe por um tutorial de JavaScript para verificar o seu nível de conhecimento e permitir-lhe seguir este guia sem se perder. Pode levar entre 30 minutos a uma hora, mas como resultado não terá de sentir que está a aprender Reagir e JavaScript ao mesmo tempo.
Nota
Este guia utiliza ocasionalmente alguma da mais recente sintaxe JavaScript nos exemplos. Se não tiver trabalhado com JavaScript nos últimos anos, estes três pontos devem dar-lhe a maior parte do caminho.
Vamos Começar!
Selecione para baixo, e encontrará o link para o próximo capítulo deste guia mesmo antes do rodapé do website.