What problem does it solve?
This Skill provides expert frontend development guidance for React and Vue applications, helping teams design scalable component architectures, implement robust state management, optimize performance, and build accessible user interfaces.
Core Features & Use Cases
- Component architecture: Presentational, Container, and Higher-Order Components patterns with practical examples.
- State management: Patterns and libraries like Zustand and React Query for predictable, scalable state.
- Performance optimization: Code-splitting, memoization, virtualization, and efficient rendering strategies.
- Accessibility: ARIA patterns, keyboard navigation, and accessible components.
- CSS architecture: Tailwind CSS best practices and CSS Modules.
- Testing: Component and hook testing strategies to ensure reliability.
- Design system integration: Theming, tokens, and design guidelines for cohesive UIs.
- Use cases: Large dashboards, e-commerce storefronts, and responsive enterprise apps.
Quick Start
Design a scalable component architecture for a React and Vue storefront with accessibility and performance targets.