Como adição às ferramentas determinadas no desafio usei somente duas:
- Chakra UI para a estilização A ideia foi ganhar agilidade, pois foi a ferramenta que utilizei nos meus últimos projetos e acho a UI declarativa dele bem simples de escrever. Mas também estou acostumado a escrever com sass e css modules. Acredito que alguma outra ferramenta de estilização não seja difícil para eu me adaptar.
- O react-query para o data fetching dos pokemons no front-end, especialmente para gerenciar de forma separada client state e server state, e também pela vantagem do caching.
O ponto alto do desenvolvimento foi que essa stack fecha exatamente com o que estou buscando, o que tornou o processo bem mais agradável. É basicamente a mesma stack que eu usaria para criar um projeto pessoal. São tecnologias que eu acredito e percebo a comunidade engajada ao redor, o que também torna o desenvolvimento mais fácil pela quantidade de recursos.
Embora com um ou dois pontos da stack tenha sido o meu primeiro contato, foi com tecnologias que já estavam na minha lista de aprendizado, e que a partir de agora seguirei me aprimorando. Por isso asseguro que o código que apresentei nesse desafio, vai definitivamente melhorar. Em especial testes e arquitetura (clean architechture) é o que mais pretendo estar entrando a fundo no próximo momento.
Espero desenvolver mais projetos como esse, e muito maiores e com mais qualidade.
Projeto live na Vercel: https://next-pokedex-lovat.vercel.app/
P.S.: Os likes podem ter alguma demora no primeiro load por conta de cold start, já que o banco ta hospedado em free tier hehe A hospedagem foi feita no render.com