React instalação - Mllara/react-project GitHub Wiki

Após abrir a pasta, no termninal de comando (VS Code): Certificar-se que tem o node instalado node -v -> para saber sua versão

Instalar o react: npx create-react-app +nome do projeto

Após instalado:

-README.md: arquivo de documentação

-package.json: onde lista as dependências dos scripts que executamos

-package-lock.json: é um arquivo JSON, parecido com o package.json. O objetivo dele é descrever as características das dependências usadas no projeto. Versão, subdependências, links de verificação de integridade, dentre outras coisas.

-gitignore: ignora os arquivos que não queremos subir para o Git

-node_modules: são todas as dependências do react e delas para rodar

-public:

* robots.txt:arquivo de leitura de robos

* manifest.json

* logos do react

* favicon.ico: fica na barra do navegador

* index.html: navegador

-src:

* index.js: onde faz o bootstramp de fato:

import React from 'react';

import ReactDOM from 'react-dom/client';

import './index.css';

import App from './App'; // vai importar o component App de onde vai partir toda a aplicação.

import reportWebVitals from './reportWebVitals';

const root = ReactDOM.createRoot(document.getElementById('root'));

root.render( //Ele abre o app no root, que é o mesmo que está no index.html

<React.StrictMode>

<App />

</React.StrictMode>

);

* index.css para  index.js. Vai gerar css para a aplicação toda

* app.test.js: para testar a aplicação

* app.js: o que aparecerá no navegador

8