Instalação e Configuração do React

Neste capítulo, vamos preparar nosso ambiente de desenvolvimento React. Vamos usar o Create React App, a ferramenta oficial recomendada pela equipe do React para iniciar um novo projeto.

Pré-requisitos

Antes de começar, certifique-se de ter instalado:

1. Node.js (versão 14.0.0 ou superior)
2. npm (geralmente instalado junto com o Node.js)

Para verificar suas instalações, abra um terminal e execute:

node --version
npm --version

Criando um novo projeto React

A maneira mais simples de criar uma nova aplicação React é usar o Create React App. Veja como proceder:

1. Abra um terminal e execute o seguinte comando:

npx create-react-app mon-app-react

2. Quando a instalação terminar, acesse o diretório do projeto:

cd mon-app-react

3. Inicie a aplicação em modo de desenvolvimento:

npm start

Sua aplicação já deve estar acessível no endereço http://localhost:3000.

Estrutura do projeto

Após a criação, seu projeto terá a seguinte estrutura:

mon-app-react/
  ├── node_modules/
  ├── public/
  │   ├── favicon.ico
  │   ├── index.html
  │   └── manifest.json
  ├── src/
  │   ├── App.css
  │   ├── App.js
  │   ├── App.test.js
  │   ├── index.css
  │   ├── index.js
  │   ├── logo.svg
  │   └── reportWebVitals.js
  ├── package.json
  └── README.md