Instalação e preparação de um aplicativo React

Nesta lição, vamos começar instalando e preparando um aplicativo React, pois mais tarde usaremos ele em conjunto com o Redux. Existem maneiras mais rápidas de criar um modelo de aplicativo React com Redux (o que, aliás, nem sempre significa fácil, especialmente para iniciantes), que estão indicadas na documentação oficial, mas vamos começar do zero.

Para começar, vamos criar um aplicativo React my-app usando Vite (é um substituto moderno para Webpack). Para isso, abriremos o terminal e digitaremos os seguintes comandos (nas opções sugeridas, se houver, escolheremos React e depois JavaScript):

terminalnpm create vite@latest my-app -- --template react
cd my-app
npm install

Vamos executar o aplicativo criado:

terminalnpm run dev

Vamos abrir no navegador o link sugerido http://localhost:5173/ e veremos a tela de boas-vindas familiar. Está funcionando.

Agora vamos remover o excesso. Vamos limpar a pasta public. Na pasta src, deixaremos apenas main.jsx, index.css e App.jsx (em index.css e App.jsx, vamos apagar completamente o conteúdo).

No arquivo index.html, vamos substituir o texto do título por:

index.html<title>React Redux App</title>