- Faça um clone (e não um fork 😅) desse 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 clone 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 clone
- 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
- Responsividade
- 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
- Mobile first
- 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 aplicados
- Reutilização de código feito por outras pessoas
- Instalar o Node.js (versão 14.1.0+)
- Criar um clone 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
/characterda 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