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):
npm create vite@latest my-app -- --template react
cd my-app
npm install
Vamos executar o aplicativo criado:
npm 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:
<title>React Redux App</title>
Crie um aplicativo React e certifique-se de que ele está funcionando.
Exclua os arquivos e pastas desnecessários.
