agent-frontend-patterns

name: agent-frontend-patterns description: Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices. author: affaan-m version: 4.1.0-fractal

Frontend Development Patterns

Modern frontend patterns for React, Next.js, and performant user interfaces.

Component Patterns

🧠 Knowledge Modules (Fractal Skills)

1. Composition Over Inheritance

2. Compound Components

3. Render Props Pattern

4. State Management Hook

5. Async Data Fetching Hook

6. Debounce Hook

7. Context + Reducer Pattern

8. Memoization

9. Code Splitting & Lazy Loading

10. Virtualization for Long Lists

11. Controlled Form with Validation

12. Framer Motion Animations

13. Keyboard Navigation

14. Focus Management