React · Quick Reference

Lesson 16 — Project 2 Cheat Sheet

React

In one line: A student dashboard with memoized cards, cached filtering, and at least one lazy-loaded route, verified with the Profiler.

Build Checklist

1Course cards with progress bars

2Card wrapped in React.memo

3useMemo for filtered list

4useCallback for handlers

React DevTools Profiler

Confirms cards don't re-render unnecessarily

Lazy route

Shows fallback briefly on first visit