Как реализовать компонент Pagination?

Junior
235 просмотров
AFK Offer AI

State: currentPage, totalPages. Рендеришь: prev/next кнопки, номера страниц с ellipsis. Логика отображения: всегда первая/последняя, текущая +-2, остальное — "...". onClick меняет page, вызывает fetch. aria-label="Pagination", aria-current="page" на текущей. Disabled prev на первой, next на последней. URL-based pagination: searchParams для SSR/SEO. Cursor-based vs offset-based: cursor лучше для бесконечных данных, offset для UI с номерами. page_size выбор: dropdown 10/25/50.

Следующий вопрос

Какие стратегии кэширования используются на фронтенде?