Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

CodeSignal

Building a Dynamic Data Catalog

via CodeSignal

Go to class Write review

Overview

Upgrade the catalog from static data to a fully dynamic interface powered by TanStack Query. You’ll fetch and cache server data, implement searching, sorting, and pagination with URL parameters, and build detailed book pages using dynamic routes.

Syllabus

  • Unit 1: Fetching Catalog Data
    • Observing the Catalog Data Fetch Flow
    • Setting Up Query Client and Books API
    • Building the Catalog Page with useQuery
  • Unit 2: Implementing Server Sorting
    • Observing Server-Side Sorting in the Catalog
    • Implementing the Books API Helper
    • Implementing Sorting and Data Fetching in CatalogPage
    • Adding Sorting Buttons and Rendering the Catalog
  • Unit 3: Adding Server Pagination
    • Exploring Pagination in the Catalog
    • Building the Books API Module
    • Implementing Search, Query, and Pagination Logic
    • Implementing Sort and Page Handlers
    • Implementing the Pagination Component
  • Unit 4: Creating the Book Details Page
    • Exploring the Book Details Page
    • Fetching Book Details and Stats
    • Creating the Book Details Page
    • Building the BookCard Component

Reviews

Start your review of Building a Dynamic Data Catalog

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.