Agora que já entendemos os conceitos fundamentais do React e suas ferramentas, vamos criar o projeto base da nossa aplicação.

Instalação do Projeto com Vite

A forma mais rápida e moderna de criar uma aplicação React hoje em dia é usando o Vite. Ele é um bundler extremamente rápido, que melhora muito a experiência de desenvolvimento.

No terminal, execute o seguinte comando para iniciar a criação do projeto:

npm create vite@latest studio-ghibli

Durante esse processo, o terminal vai fazer algumas perguntas:

• Project name: você pode digitar o nome do seu projeto, como por exemplo studio-ghibli.
• Select a framework: selecione React.
• Select a variant: selecione TypeScript.

Após isso, entre na pasta do projeto e instale as dependências:

cd studio-ghibli
npm install

Entendendo a Estrutura Inicial do Projeto

A estrutura criada pelo Vite vem com os seguintes diretórios e arquivos principais: