Paginando Arrays com Javascript
Vamos lá, alguma vez na vida ou projeto você já precisou paginar um array, certo? Eu imagino que sim, ultimamente tive que páginar alguns arrays, em projetos diferentes, eu tinha uma função pra fazer isso, porém ficar copiando e colando em outro projeto não é o ideal.
Por isso tomei vergonha na cara e criei um npm package com essa função, dei o nome de paginate-arrays-js, bom a lógica é simples, você passa um array de objetos, (strings, númbers, etc.), passa um limite de items que deseja por página, a página em sí e uma url (ex: /api/v1/todos), assim a função faz sua mágica e retorna dois items. Sendo eles, um data (items páginados) e um pagination (informações da paginação). Enfim é uma lib que pode se tornar util no seu dia a dia e poupar tempo não tempo que copiar código de um lado pro outro.
import { paginate } from "paginate-arrays-js";
const data = [
{ id: 1, name: "John" },
{ id: 2, name: "Jane" },
{ id: 3, name: "Doe" },
// ...
];
const currentPage = 1;
const itemsPerPage = 10;
const url = "/api/users";
const { data, pagination } = paginate({
data,
page: currentPage,
perPage: itemsPerPage,
url,
});
console.log(paginatedData);
Links:
Repositório: https://github.com/paulozy/paginate-arrays-js
Npm: https://www.npmjs.com/package/paginate-arrays-js
Siga-me para mais conteúdos sobre programação:
LinkedIn: https://www.linkedin.com/in/paulo-abreu-santana/
Github: https://www.github.com/paulozy
Obrigado pelo seu tempo ❤️.