- Utilizar a Context API do React para gerenciar estado.
- Utilizar o React Hook useState;
- Utilizar o React Hook useContext;
- Utilizar o React Hook useEffect;
- Criar React Hooks customizados;
- Estilização por meio do bootstrap.
Foi implementado uma lista com filtros de planetas(API - https://swapi-trybe.herokuapp.com/api/planets/) do universo de Star Wars usando Context API e Hooks, do React, para controlar os estados globais.
javascript
,jsx
,React
,ContextAPI
ecss
.
- Instale as dependências e inicialize o projeto
- Instale as dependências:
npm install
- Inicialize o projeto:
npm start
(uma nova página deve abrir no seu navegador com a lista de planetas)
Para garantir a qualidade do código de forma a tê-lo mais legível, de mais fácil manutenção e seguindo as boas práticas de desenvolvimento foi utilizado neste projeto o linter ESLint
e o Stylelint
. Para rodar o linter localmente, execute o comando abaixo:
npm run lint
npm run lint:styles