Tommy.dev
HomeLearnAbout

Topics

Explore frontend patterns

Forms & Validation
State Management
Bundlers
Animations
Folder Structure
Forms & ValidationState ManagementBundlersAnimationsFolder Structure

Learn

Explore interactive examples and patterns for modern frontend development. Each topic includes code examples with explanations.

Forms & Validation
6 examples
Master React Hook Form with Zod validation. Learn patterns for complex form handling, multi-step wizards, dynamic fields, and async validation.
React Hook FormZodValidation
State Management
5 examples
Compare and understand when to use Zustand, Redux Toolkit, or Context API. Learn best practices for global state in React applications.
ZustandReduxContext
Bundlers
4 examples
Deep dive into modern JavaScript bundlers. Compare Vite, Webpack, and Turbopack configurations, performance, and use cases.
ViteWebpackTurbopack
Animations
8 examples
Create fluid animations with Motion (Framer Motion). Learn page transitions, scroll effects, gestures, and layout animations.
MotionFramerTransitions

Built by Tommy Nguyen with Next.js, shadcn/ui, Motion, and modern web technologies.

My personal portfolio documenting what I've learned and what I'm currently exploring in frontend development.