1 – O que é o React?

O React é uma biblioteca JavaScript de código aberto para criar interfaces de usuário. É mantido pelo Facebook, Instagram e uma comunidade de desenvolvedores individuais e outras empresas.

Hoje é utilizada por varias empresas, como:

  • Yahoo!
  • Facebook
  • Instagram
  • AirBnb
  • Twitter

2 – Quais ferramentas você precisa conhecer

2.1 NodeJS

O NodeJs é um interpretador de Javascript que roda do lado do servidor. Um dos seus objetivos é facilitar a vida dos desenvolvedores na criação de aplicações que vão executar códigos em Javascript.

Link para download – https://nodejs.org/en/download/

2.2 NPM (Node Package Manager)

NPM é o nome reduzido de Node Package Manager (Gerenciador de Pacotes do Node). O NPM tem duas funções:

  1. Repositório online para publicação de projetos de código aberto para o Node.js
  2. Utilitário de linha de comando que interage com este repositório online, facilita a instalação de pacotes, gerenciamento de versão e gerenciamento de dependências

2.3 Create React App

O projeto “Create React App”, divulgado no blog oficial do React, permite que os desenvolvedores criem suas aplicações React com apenas um comando. Não é criado somente a estrutura básica de pastas, mas também toda a configuração de build e dependências necessárias.

3 – Setup da primeira aplicação

Utilize uma ferramenta para execução de linha de comando. Eu, particularmente, gosto muito do git bash e vou utilizá-lo nestes exemplos.

  1. Execute:
    npm install -g create-react-app
  2. Execute:
    create-react-app my-app

Com isso a aplicação será criada graças ao projeto “Create React App” mencionado acima com toda estrutura básica necessária.

4 – Executando a aplicação

  1. Basta executar o comando na pasta onde foi criada sua aplicação::
    npm start
  2. Depois basta executar sua aplicação na porta 3000 conforme imagem abaixo:

Pronto! Temos uma aplicação React rodando na nossa maquina.

5 – Referências