Compartilhando React Hooks com o Typescript

Olá experts, nessa aula vamos aprender como criar e compartilhar hooks com TypeScript, criando hooks de forma modular para que possam ser usados em vários partes de uma aplicação e também combiná-las para criar outros hooks personalizados, vamos aprender como usar o TypeScript para prover uma boa experiência de desenvolvimento aumentando assim a qualidade do nosso código.

Primeiros passos 🏁

Clone o repositório.

gh repo clone [email protected]:rocketseat-experts-club/React-Hooks-com-Typescript-2021-06-30.git
react-hooks-typescript

cd no diretório.

cd react-hooks-typescript

Instale as dependências do projeto:

yarn install

Inicie o servidor de desenvolvimento:

yarn start

Inicie o servidor da API

yarn start:server

Finalmente, vá para localhost: 3000 no navegador de sua escolha e você está pronto para ir 🚀.

💡 Dica profissional use o branch main como guia de referência final, este branch contém o projeto final para que você possa acompanhar, para inciar o projeto utilize o branch start

Ferramentas 🧰

• React como uma linguagem de IU
• Typescript
• json-server como local API

Estrutura do Projeto 🏗

Na pasta src, temos:

• hooks: pasta onde vamos criar e compartilhar nossos hooks
• pages : pasta com as rotas das nossa aplicação
• components : pasta contendo os componentes compartilhados
• service: configuração basica do nossos serviços
• server : json contendo o nosso db local

Expert

Vitor Alencar

Licença

Projetado com ♥ por vitormalencar. Licenciado sob a Licença MIT.