yarn create react app --template typescript
• Limpando os arquivos desnecessários para o início do projeto.
- Public: deletando todos os arquivos do public menos o index
- src: deixando apenas App.tsx, indes.tsx e react-app-env.d.ts
dica: Preferir não usar o export default pois teremos uma maior segurança ao renomear ou reaproveitar futuramente. A importação fica mais inteligente pois temos um nome para tudo que é importado e exportado.
• Iniciando o projeto
- yarn start
yarn add styled-components yarn add @types/styled-components -D
Styled-Components: Estiliza dentro do arquivo .tsx (componente) evitando sobreposições de classes de outros componentes. Tornando o arquivo "scoped" tudo daquele componente apenas em um arquivo.
• Biblioteca de JavaScript para a integração com banco de dados e API fictícia para o projeto
yarn add miragejs
• Biblioteca que facilita e intercepta as requisições de forma mais prática. É criado uma espécie de script para substituir o fecth
yarn add axios
• Biblioteca que ja vem com configurações pré-prontas para criação de modals.
yarn add react-modal yarn add @types/react-modal -D
• Consegue usar funções JavaScript para manipulação de cores.
yarn add polished
• Foi necessário instalar o Chalk para o código rodar perfeitamente
yarn add chalk