projeto_react

first react project

//versao traduzida//

Introdução ao Create React App

Este projeto foi inicializado com Create React App.

Scripts disponíveis

No diretório do projeto, você pode executar:

npm start

Executa o aplicativo no modo de desenvolvimento.
Abra http://localhost:3000 para visualizá-lo em seu navegador.

A página será recarregada quando você fizer alterações.
Você também pode ver erros de lint no console.

npm test

Inicia o executor de teste no modo de observação interativo.
Consulte a seção sobre execução de testes para obter mais informações.

npm run build

Cria o aplicativo para produção na pasta build.
Ele empacota corretamente o React no modo de produção e otimiza a compilação para obter o melhor desempenho.

A compilação é minificada e os nomes dos arquivos incluem os hashes.
Seu aplicativo está pronto para ser implantado!

Consulte a seção sobre implantação para obter mais informações.

npm run eject

Nota: esta é uma operação unidirecional. Depois de 'ejetar', você não pode voltar!

Se você não estiver satisfeito com a ferramenta de construção e opções de configuração, você pode ejetar a qualquer momento. Este comando removerá a dependência de compilação única do seu projeto.

Em vez disso, ele copiará todos os arquivos de configuração e as dependências transitivas (webpack, Babel, ESLint, etc) diretamente para o seu projeto, para que você tenha controle total sobre eles. Todos os comandos, exceto eject, ainda funcionarão, mas apontarão para os scripts copiados para que você possa ajustá-los. Neste ponto você está por conta própria.

Você nunca precisa usar eject. O conjunto de recursos selecionados é adequado para implantações pequenas e médias, e você não deve se sentir obrigado a usar esse recurso. No entanto, entendemos que esta ferramenta não seria útil se você não pudesse personalizá-la quando estivesse pronto para ela.

Learn More

Você pode aprender mais na documentação do Create React App. Para aprender React, confira a documentação do React.

Code Splitting

Esta seção foi movida para cá: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code- divisão)

Analyzing the Bundle Size

Esta seção foi movida para cá: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/ docs/analisando-o-tamanho-do-pacote)

Making a Progressive Web App

Esta seção foi movida para cá: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react- app/docs/making-a-progressive-web-app)

Advanced Configuration

Esta seção foi movida para cá: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced- configuração)

Deployment

Esta seção foi movida para cá: https://facebook.github.io/create-react-app/docs/deployment

npm run build falha ao minificar

Esta seção foi movida para cá: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/ create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify)

creditos do projeto para o canal Net Ninja: https://www.youtube.com/@NetNinja

Dependencies:

@testing-library/jest-dom ^5.16.5,

@testing-library/react ^13.4.0,

@testing-library/user-event ^13.5.0,

react ^18.2.0,

react-dom ^18.2.0,

react-router-dom ^5.3.4,

react-scripts 5.0.1,

web-vitals ^2.1.4

DevDependencies

eslint ^8.2.0,

eslint-config-airbnb ^19.0.4,

eslint-config-prettier ^8.6.0,

eslint-plugin-import ^2.26.0,

eslint-plugin-jsx-a11y ^6.6.1,

eslint-plugin-prettier ^4.2.1,

eslint-plugin-react ^7.31.11,

eslint-plugin-react-hooks ^4.3.0,

prettier ^2.8.1