JavaScript Pagination in ~10 Minutes (Super EASY!!)

Опубликовано: 16 Октябрь 2024
на канале: James Q Quick

30,728

904

Improve your website's user experience by learning Pagination in JavaScript. This video takes you step-by-step through the process, using a dummy JSON API for products as an example. Learn to avoid loading too much data at once, and instead deliver a smoother, faster browsing experience. We'll explore a few different way to handle pagination: client-side, statically generated pages, and server side rendered pages.

Learn Astro 3.0 - https://astrocourse.dev/

** Resources **
Diagraming with Eraser - https://app.eraser.io
Dummy Data API - https://dummyjson.com/docs/products

*DISCORD*
Join the Learn Build Teach Discord Server 💬 - / discord

*STAY IN TOUCH 👋*
Newsletter 🗞 - https://www.jamesqquick.com/newsletter
Follow me on Twitter 🐦 - / jamesqquick
Check out the Podcast - https://compressed.fm/
Courses - https://jamesqquick.com/courses

*QUESTIONS ABOUT MY SETUP*
Check out my Uses page for my VS Code setup, what recording equipment I use, etc. https://www.jamesqquick.com/uses

00:00 Introduction
01:24 Pagination Explained with Diagrams
05:42 Client-side Pagination Demo
08:35 SSG Pagination with Astro
11:45 SSR Pagination with Route Parameters
12:25 Astro Course and Outro