Criação de uma app em React
O React depende do Node.js e do seu gestor de pacotes, npm, para gerir as dependências. Para instalar o React, comece por instalar o Node.js, que inclui o npm (Node Package Manager).
Criação de uma app através de Vite
Vite js é uma ferramenta de construção de apps web que aumenta a experiência de desenvolvimento de frontend.
Com a ferramenta Vite vamos criar uma aplicação em React.
Prerequesitos:
Para podermos usar a ferramenta Vite na criação de um projeto em React temos de ter instalado o segunte:
- Node versão >= 18
- Npm versão 8
Para criarmos um projeto em React usando Vite usamos um comando, na linha de comandos, com a seguinte sintaxe:
npm create vite <project-name>Vamos criar um projeto chamado intro_app:
npm create vite intro_appIrão aparecer diversas opções para escolhermos a framework que desejamos. Vamos escolher React:
De seguida escolhemos a linguagem. Vamos escolher Javascript:
Após este passo a ferramenta Vite cria uma pasta com o mesmo nome da aplicação com os módulos essenciais para a aplicação.
De seguida vamos instalar todas as dependências da aplicação. Para isso, vamo-nos posicionar na pasta da aplicação:
cd intro_appDe seguida instalamos as dependências:
npm installApós instalarmos as dependências, a pasta node_modules com essas dependências é criada assim como o ficheiro package-lock.json.
Neste momento temos um projeto básico em React criado e podemos executá-lo usando o comando seguinte:
npm run devO endereço da aplicação com a indicação da porta usada é mostrado no terminal:
Neste caso é usada a porta 5173.
Ao introduzirmos o url da aplicação no browser vemos a página seguinte:
