Hello React!

Hoje iremos criar um "Hello World" com react passo a passo, a ideia é passar por todas as etapas necessárias desde a criação até a geração para publicação.

• Node: Como iremos utilizar o "Create React App" precisaremos do Node (baixar aqui);
• Instalando o Create React App: No prompt de comando executar "npm install -g create-react-app";
• Criando nossa aplicação: No prompt de comando selecionar uma pasta (C:\Projects por exemplo) e  executar "create-react-app hello-app";

Feito isso, tudo que é necessário para nossa primeira aplicação estará instalado, para testar se tudo esta correto:

• Entrar no diretório da aplicação: No prompt de comando executar "cd hello-app";
• Abrir o web server: No prompt de comando executar "npm start" (é provável que seja solicitado liberação de acesso para o Node);

Como podemos perceber nossa aplicação esta "hospedada" e "rodando", qualquer alteração que fizermos no código fonte será replicado no browser, bom mas e se minha intenção for publicar isso em outro servidor web? Simples basta rodar o comando "npm run build" e uma nova pasta chamada "build" será criada, seu conteúdo pode ser publicado normalmente, por exemplo, no IIS basta colocar os novos arquivos em um pasta e criar um novo site com base no que foi gerado, como o deploy gerado é apenas Javascript e Html tudo funcionará bem.

É isso, nas próximas postagens entraremos em detalhes sobre a estrutura de diretórios e realizaremos algumas alterações.

Exemplo no Git;

React;

Node;