Crie aplicações em React de forma simples

No último post eu havia escrito que iria mostrar pra vocês como configurar o Webpack e Babel antes de começar a usar o React. Porém, nesse meio tempo, o Facebook nos apresentou uma forma bem mais rápida de iniciar nossos projetos em React. Através do ‘create-react-app’ podemos criar uma aplicação em React sem nenhum boilerplate ou configuração adicional.

Presumindo que você tenha o npm instalado em sua máquina, primeiro você precisa instalar o ‘create-react-app’:

npm install -g create-react-app

Após instalado, para criar uma aplicação, basta você executar no seu console o seguinte comando:

create-react-app <nome de sua aplicação>

Após alguns segundos, sua aplicação React estará instalada. E você verá uma lista de comandos que você poderá executar na pasta da aplicação.


Iniciando a Aplicação

Execute npm start dentro da pasta da aplicação, e você verá a seguinte tela:

E uma nova aba será aberta em seu navegador:

Como a própria página aberta no browser diz, o arquivo App.js dentro da pasta src é o seu ponto de partida, seu componente inicial! Edite-o, crie outros componentes, importe-os no App.js para começar a trabalhar com o React!

Ps: caso você queira criar a build de produção de sua aplicação, basta executar o comando npm run build

E é isso, você está pronto para usar o React! E nos próximos posts mostrarei pra vocês como fazer isso!

Se gostou, ajude dando aquela compartilhada!

Caso você tenha alguma dúvida me manda alguma mensagem através das redes sociais abaixo, que responderei o mais rápido possível:

Twitter: KadoBOT

Facebook: ReactJS Brasil

Github: KadoBOT

A single golf clap? Or a long standing ovation?

By clapping more or less, you can signal to us which stories really stand out.