Busca, filtro, ordenação e paginação com Next.js

Workshop

12 vídeos • 01:41:34

Seção 01 | Introdução

  1. 1.

    A aplicação que iremos fazer

    01:25
  2. 2.

    Requisitos do Mini Projeto

    07:18
  3. 3.

    Explorando a API e o código inicial

    06:49

Seção 02 | Implementando Funcionalidades

  1. 4.

    Populando tabela com dados da API

    10:25
  2. 5.

    Estado da busca na URL

    11:42
  3. 6.

    Pegando os dados da URL e passando para a API

    07:14
  4. 7.

    Filtro por status

    11:38
  5. 8.

    Ordenação crescente e decrescente

    11:01
  6. 9.

    Ícones refletindo ordenação

    04:06
  7. 10.

    Implementando a paginação

    15:42
  8. 11.

    Botões de próximo e anterior

    10:03
  9. 12.

    Hook use-debounce

    04:11
Login
Workshops>Busca, filtro, ordenação e paginação com Next.js>Hook use-debounce

Acesso exclusivo para membros PRO

Esse conteúdo é exclusivo para nossos assinantes.

Libere esse e muito mais conteúdo assinando o Codante PRO.

Hook use-debounce

Neste vídeo, abordamos um pequeno problema existente na aplicação Next.js - buscas na API a cada digitação no campo de busca. Por meio do uso do hook "useDebounce", resolvemos essa questão, otimizando as chamadas para a API. Finalizamos nosso mini-projeto com busca textual, filtro de status, paginação e transferência completa de estados para a URL, finalizando com a implementação do "useDebounce".

Comentários

(4)
Avatar do usuário
Guilherme Jun Grillohá 6 meses
👏 excelente projeto! Obrigado
Roberto Cestarihá 6 meses
Fala Guilherme! Que bom que gostou! O que achou de trabalhar com server components no Next? Melhor que o react tradicional?
Avatar do usuário
Guilherme Jun Grillohá 6 meses
Gostei bastante! Ainda tenho algumas dúvidas se é "melhor" que o React tradicional, mas testarei mais em outros projetos.
Roberto Cestarihá 6 meses
Boa 🚀🚀