Todos

Mini Projetos

Resolução do Mini Projeto

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

Login

Introdução

  • A aplicação que iremos fazer
  • Requisitos do Mini Projeto
  • Explorando a API e o código inicial
  • Implementando Funcionalidades

  • Populando tabela com dados da API
  • Estado da busca na URL
  • Pegando os dados da URL e passando para a API
  • Filtro por status
  • Ordenação crescente e decrescente
  • Ícones refletindo ordenação
  • Implementando a paginação
  • Botões de próximo e anterior
  • Hook use-debounce
  • Introdução

  • A aplicação que iremos fazer
  • Requisitos do Mini Projeto
  • Explorando a API e o código inicial
  • Implementando Funcionalidades

  • Populando tabela com dados da API
  • Estado da busca na URL
  • Pegando os dados da URL e passando para a API
  • Filtro por status
  • Ordenação crescente e decrescente
  • Ícones refletindo ordenação
  • Implementando a paginação
  • Botões de próximo e anterior
  • Hook use-debounce
  • A aplicação que iremos fazer

    Abordamos a construção de uma aplicação com busca textual, filtros, ordenação e paginação usando Next.js. Implementamos essas funções no back-end, utilizando uma API própria. Não discutimos design, já que o layout está pronto.

    Comentários

    (0)