2021-12-22 11:16:25 +00:00
# Desafio REACT e Typescript
2023-01-16 23:56:49 +00:00
## Sobre o Projeto
Projeto realizado para o "Desafio React e TypeScript" do treinamento da M3 Academy da M3.
## Desenvolvedor(a) do Projeto
Sabrina Miranda
## Figma
Layout utlizado no Projeto: https://www.figma.com/file/wy2rXH3gsH20KgfUpHh4oz/Desafio-Institucional-React.js?node-id=0%3A1
2023-01-07 21:52:29 +00:00
## Getting Started with Create React App
2021-12-22 11:16:25 +00:00
2023-01-16 23:56:49 +00:00
Para criar o projeto inicial foi feito o comando: npx create-react-app my-app --template typescript
## Instalando Formik / Yup / sass / react-router-dom
- Utilizei npm. Comandos:
2021-12-22 11:16:25 +00:00
2023-01-16 23:56:49 +00:00
npm install formik
npm install yup
npm install -D sass
npm install react-router-dom
2021-12-22 11:16:25 +00:00
2023-01-16 23:56:49 +00:00
## Rodando o Projeto
2021-12-22 11:16:25 +00:00
2023-01-16 23:56:49 +00:00
Comando para rodar o projeto: npm start
2021-12-22 11:16:25 +00:00
2023-01-16 23:56:49 +00:00
Irá Executar o aplicativo no modo de desenvolvimento.
Abra http://localhost:3000 para visualizá-lo no navegador.
Você também verá quaisquer erros de lint no console.
2021-12-22 11:16:25 +00:00
2023-01-16 23:56:49 +00:00
## Outros
2021-12-22 11:16:25 +00:00
2023-01-07 21:52:29 +00:00
### `npm test`
2021-12-22 11:16:25 +00:00
2023-01-07 21:52:29 +00:00
Launches the test runner in the interactive watch mode.\
See the section about [running tests ](https://facebook.github.io/create-react-app/docs/running-tests ) for more information.
2021-12-22 11:16:25 +00:00
2023-01-07 21:52:29 +00:00
### `npm run build`
2021-12-22 11:16:25 +00:00
2023-01-07 21:52:29 +00:00
Builds the app for production to the `build` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.
2021-12-22 11:16:25 +00:00
2023-01-07 21:52:29 +00:00
The build is minified and the filenames include the hashes.\
Your app is ready to be deployed!
2021-12-22 11:16:25 +00:00
2023-01-07 21:52:29 +00:00
See the section about [deployment ](https://facebook.github.io/create-react-app/docs/deployment ) for more information.
2021-12-22 11:16:25 +00:00
2023-01-07 21:52:29 +00:00
### `npm run eject`
2021-12-22 11:16:25 +00:00
2023-01-07 21:52:29 +00:00
**Note: this is a one-way operation. Once you `eject` , you can’ t go back!**
2021-12-22 11:16:25 +00:00
2023-01-07 21:52:29 +00:00
If you aren’ t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
2021-12-22 11:16:25 +00:00
2023-01-07 21:52:29 +00:00
Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’ re on your own.
2021-12-22 11:16:25 +00:00
2023-01-07 21:52:29 +00:00
You don’ t have to ever use `eject` . The curated feature set is suitable for small and middle deployments, and you shouldn’ t feel obligated to use this feature. However we understand that this tool wouldn’ t be useful if you couldn’ t customize it when you are ready for it.
2021-12-22 11:16:25 +00:00
2023-01-07 21:52:29 +00:00
## Learn More
2021-12-22 11:16:25 +00:00
2023-01-07 21:52:29 +00:00
You can learn more in the [Create React App documentation ](https://facebook.github.io/create-react-app/docs/getting-started ).
2021-12-22 11:16:25 +00:00
2023-01-07 21:52:29 +00:00
To learn React, check out the [React documentation ](https://reactjs.org/ ).