"Hello World!" em React.js

Prof. Eduardo Ono

 

Descrição

Primeiro projeto em React.js utilizano o “tooling” Vite e a linguagem de programação TypeScript.

 

Criando um Novo Projeto React

• Entrar no diretório onde será criado o projeto.

• Executar o comando a seguir para criar o projeto hello-world-react. Um diretório com esse nome será criado no diretório atual.

  npm create vite@latest
  

• No meu que irá aparecer, preencher os dados do projeto a ser criado:

  Project name: hello-world-react
  Select a framework: React
  Select a variant: TypeScript + SWC
  

• Entrar no diretório do projeto

  cd hello-world-react
  

• Instalar as dependências

  npm install
  

• Executar o projeto

  npm run dev
  

Vídeos de Apoio

Thumb	Descrição
	[Código Fonte TV] Esqueça o “Create React App”! Crie Projetos React Assim… (22:28, Youtube, 22/Jun/2023)

 

Packages

 

Vídeos de Apoio

Thumb	Título
	[PedroTech] React Folder Structure Best Practices - For Large Projects (17:26, Youtube, 28/Jun/2022)