PAGINAÇÃO em entrevista de emprego Front-end com JavaScript e React JS

👉🏻 Entre na lista de espera da Formação JavaScript e React JS Roger Melo: https://www.rogermelo.com.br/formacao...

---

PAGINAÇÃO, um desafio comum em entrevistas de emprego Front-end. Neste vídeo, eu mostro como implementar uma paginação em uma simulação de entrevista de emprego com duração em torno de 1h. A implementação é feita em JavaScript (React JS).

---

00:00 Comunicação com o entrevistador
01:57 API dummy JSON e formas diferentes de fazer paginação (front-end ou back-end heavy)
04:25 Obter os produtos da API e como abordar o problema
10:27 Renderizar todos os produtos na página
13:40 Calcular o número total de páginas, considerando 10 produtos em cada pág
15:11 Renderizar na tela a paginação com o número total de páginas
21:27 Renderizar os 10 produtos de cada página
28:51 Renderizar os produtos da página clicada
30:25 Renderizar setas da paginação (páginas anterior e próxima)
31:37 Renderizar os produtos de acordo com a seta clicada
36:20 Separar os componentes em arquivos
45:48 Lista de Espera

---

#javascript
#reactjs
#nextjs

---

🎁 JÁ PEGOU SEU PRESENTE?

Não sei se você viu, mas eu preparei um presente pra você. O eBook 4 Dicas Práticas pra Escrever Condicionais Eficientes em JavaScript.

Esse eBook tem exercícios pra você praticar as técnicas dele. E ao aplicar essas técnicas seu código fica mais limpo, mais legível e mais fácil de manter.

Pra resgatar esse presente é só tocar no link abaixo e responder a pesquisa. Isso também me dá a oportunidade de te conhecer melhor e saber quais são as suas necessidades.

RESGATAR MEU PRESENTE: https://forms.gle/8iWqaD9xTiDLLC977

👆🏻 Quando você tocar em ENVIAR a pesquisa, terá acesso a esse eBook exclusivo.