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

CodeSignal

Filters, State Sync & Production Polish

via CodeSignal

Overview

You’ll add a filtered tasks view using URL state, synchronize caches across multiple lists, and finish by upgrading the layout with a mobile navigation drawer.

Syllabus

  • Unit 1: Filtered Task View
    • Adding the Filters Route to the Sidebar
    • Building the TaskFilters Component
    • Displaying Filtered Tasks with SWR
  • Unit 2: Cross View Cache Sync
    • Observing Cross-View Cache Synchronization
    • Making Task Toggling Instant with a Main-List Optimistic Update
    • Completing the Optimistic Update Logic (Part 2)
    • Rendering the Task List with SWR and Cross-View Sync
  • Unit 3: Mobile Navigation Drawer
    • Exploring the Mobile Navigation Drawer
    • Implementing Mobile Drawer State Logic
    • Building the Mobile Navigation Drawer

Reviews

Start your review of Filters, State Sync & Production Polish

Never Stop Learning.

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

Someone learning on their laptop while sitting on the floor.