O intuito deste projeto é auxiliar no estudo das tecnologias React e Typescript. O projeto se constitui em uma única página de dashboard e esta página já possui diversos exemplos de componentes de visualiação. (A ideia de componentes não será abordada durante as explicações, más fique a vontade para perguntar em nosso canal do slack).
Durante os estudos será pedido para realizar alterações e adições a página de dashboard. (Não será cobrado um tema especifico)
É recomendada a leitura dos seguintes tópicos para melhor compreenção do que pode ser feito na aplicação.
Para iniciar o projeto, primeiro é necessária a instalação de um dos seguintes gerenciadores de dependências.
-
Clone o repositório
git clone https://github.com/app-masters-academy/typescript-dashboard.git -
Após clonar o repositório entre na pasta do projeto
cd typescript-dashboard -
Instale as dependências utilizando do gerenciador escolhido acima.
npm ipara NodeJs.yarnpara Yarn.
-
Após instalar as depenências execute o projeto usando:
npm startpara NodeJs.yarn startpara Yarn.
Atenção: Para realizar a requisição a API é recomendado utilizar dos estados e do ciclo de vida do componente chamando componentDidMout
Para fazer as requisições à API sugerimos a utilização dos seguintes métodos.