Executando verificação de segurança...
1

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 ❤️.

Carregando publicação patrocinada...