← Back to All Specs
10 Specs
Frontend Patterns
Beginner
React Form Validation (React Hook Form + Zod)
Type-safe forms, custom validators, error display, and submission handling
Frontend Patterns
Intermediate
Next.js Server Actions Guide
Form mutations, revalidation, optimistic updates, and error handling
Frontend Patterns
Intermediate
Data Fetching with TanStack Query
Queries, mutations, pagination, infinite scroll, and optimistic updates
Frontend Patterns
Frontend Patterns
Beginner
Responsive Layouts with CSS Grid
Auto-fit/fill, named areas, responsive breakpoints, and common patterns
Frontend Patterns
Beginner
Dark Mode Toggle (CSS + JS)
System preference detection, localStorage persistence, smooth transitions
Frontend Patterns
Intermediate
Infinite Scroll with Virtualization
TanStack Virtual + Intersection Observer for smooth infinite lists
Frontend Patterns
Beginner
Toast Notification System
Custom toast component, queue management, animations, and accessibility
Frontend Patterns
Frontend Patterns
Beginner
Image Optimization in Next.js
next/image, blur placeholders, responsive sizes, and lazy loading
Frontend Patterns