- Faça um fork do repositório na sua conta do GitHub
- Crie uma branch, preferencialmente utilizando as práticas do conventional commits
- Depois de concluir o desafio, abra um pull-request contra a main (do seu fork) com a descrição do que foi feito, como foi feito e como testar a nova funcionalidade
- Envie um email para front-end@letrus.com.br com objeto "Desafio Letrus" e no corpo do e-mail o link para acessarmos o pull-request no seu fork
- Ao receber o e-mail, faremos a avaliação da solução e entraremos em contato
- React
- TypeScript
- Componentes funcionais
- React Router
- Hooks
- Redux Toolkit
- Consumo da seguinte API RESTful: https://rickandmortyapi.com/api/character
- Listagem dos dados em uma nova rota
- Testes (unitários, de integração, E2E)
- Jest, React Testing Library
- TDD
- SCSS
- Linters
- Formatadores
- Bibliotecas de memoize, como o Reselect
- Bibliotecas HTTP, como o Axios
- Utilização de IDEs ou editores de texto de sua preferência, como o VS Code
- Frameworks adicionais, como Bootstrap, Chakra UI, Materialize, etc
- Bibliotecas que em geral abstraiam os principais conceitos utilizados
- Reutilização de códigos de outras pessoas
- Ter o Node.js instalado (versão 14.1.0+)
- Criar o fork do projeto
- Rodar
npm install
- Rodar
npm start
-
Implemente um novo reducer na store do Redux, o qual será responsável por armazenar o estado da resposta do GET no endpoint
/character
da API -
Crie um seletor que retorne o estado armazenado
-
Consuma esse estado dentro de um página cuja rota tenha o nome de
/personagens
, e, para cada personagem, exiba seu nome, gênero, status, foto, e suas cinco primeiras aparições, de acordo com o protótipo do Figma