Nesse code challenge simples, você só precisa desenvolver uma 'To Do list' com opções de adicionar e deletar um to do na lista (só isso mesmo, mas com código caprichado!). Todos os pacotes necessários para fazer isso já estão adicionados, mas se achar que tem necessidade, pode adicionar algo a mais (e explicar o motivo depois).
O foco do code challenge é conhecer melhor sua criatividade, organização, capricho, padrões seguidos, legibilidade do código e bom uso das ferramentas disponíveis (sem gambiarras! 🤣), por isso, programe como se fosse um projeto profissional sendo feito para um cliente importante. O layout e design é um pequeno diferencial!
É obrigatório o uso das seguintes ferramentas (já instaladas e configuradas):
- redux (para estado global E chamadas á API)
- styled components (em conjunto do TS)
- axios
- typescript (Tudo bem tipado)
- react hooks
- useCallback
- useMemo (opcional)
- useEffect
- useDispatch
- useSelector
🚫 O que não pode? (por favor 🙏😂)
- usar eslint-disable em qualquer lugar
- usar tipagem any (sem preguiça!)
- deixar qualquer warning ou erros no console do servidor (tipo aqueles de react-hooks)
- deixar erros do eslint
- códigos comentados
- console logs
- fazer apenas 1 commit com todo código
- abrir PR de volta sem usar o eslint (
yarn lint:fix)
Para começar, basta fazer um FORK desse repositório para a sua conta, programar nesse fork tudo que precisa, depois ABRIR UM PULL REQUEST DO SEU FORK PARA ESSE REPOSITÓRIO AQUI.
O sistema só precisa adicionar e deletar itens da lista de Todo, ter uma interface amigável, sem ser feia e sem renderizações desnecessárias de componentes/funções (pra isso os hooks), mas se quiser implementar algo mais para poder mostrar melhor como é seu código, fique á vontade.
Você pode usar a do json-server que já está configurada, basta rodar o comando yarn api:server que abrirá um servidor no endereço que está configurado no .env.
Já vem com as rotas /example e /todos.
Mais informações sobre json server 🌐
- Uma boa dica pra se fazer um código de qualidade é seguir esse guia de Object Calisthenics. De nada!
- Seguir padrões conhecidos pela comunidade é uma boa idéia.
- Lógicas extensas no JSX ou Nested-ternaries em excesso podem piorar bastante a legibilidade do seu código.
- Código em outra lingua que não seja ingles são fora do padrão de mercado e da comunidade (variaveis, funções, etc... só textos que não precisam estar em inglês)
- Commits pequenos, descritivos e organizados mostram um pouco de como é sua linha de raciocínio e organização