Nesse desafio você deverá performar uma aplicação React utilizando das ferramentas e dicas aprendidas durante o módulo Performando apps com ReactJS.
Se você fez o desafio opcional Componentizando a aplicação deve lembrar que se trata de uma aplicação que exibe uma listagem de filmes por categoria com base na categoria selecionada e que esses dados vem de uma API (fake API com JSON Server).
Com essa aplicação componentizada, você deve aplicar os conceitos de performance no React para melhorar esse app.
Mas eu não fiz o desafio opcional. Preciso fazer ele antes para conseguir fazer esse?
Se você não fez o desafio opcional, não precisa voltar atrás para concluir ele antes de fazer esse (apesar de que prática nunca é demais 😉). Para isso, estará disponibilizado aqui um template com o código componentizado, de onde você pode partir para realizar esse desafio.
A seguir veremos com mais detalhes o que e como precisa ser feito 🚀
Como mencionado acima, se você não fez o desafio Componentizando a aplicação, pode usar o seguinte template como ponto de partida para esse desafio. Caso contrário, é possível apenas aprimorar o seu código a partir do que já foi feito.
O template está disponível na seguinte URL:
GitHub - danilo-vieira/ignite-template-otimizando-a-aplicacao
Dica: Caso não saiba utilizar repositórios do GitHub como template, temos um guia em **nosso FAQ.**
Para esse desafio, além dos conceitos vistos em aula utilizaremos algumas coisa para deixar a nossa aplicação ainda melhor. Por isso, antes de ir diretamente para o código do desafio, explicaremos um pouquinho sobre Fake API com JSON Server (se você já entende o que é e como funciona o JSON Server, pode pular para a próxima seção).
Nesse desafio vamos utilizar o JSON Server para simular uma API que possui as informações de gêneros e filmes.
Navegue até a pasta criada, abra no Visual Studio Code e execute os seguintes comandos no terminal: