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.
Overview
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