developing-frontend

Performance optimization for React and Vue involves code-splitting, memoization, and lazy loading to improve Core Web Vitals metrics. This Skill guides implementation of these techniques alongside TypeScript typing and Tailwind styling to reduce bundle size and render time across SPA and SSR architectures.

Advanced TypeScript typing for React and Next.js ensures type-safe component props, state management, and data models. This Skill covers component architecture patterns, state management strategies, and typing conventions that scale across SPA, SSR, and content-driven sites.

Accessibility implementation requires semantic HTML, ARIA attributes, keyboard navigation, and comprehensive testing against WCAG standards. This Skill provides guidance on accessible component design, testing scaffolding, and integration with React, Vue, and Next.js projects.

Next.js supports both SPA and SSR architectures with unified TypeScript typing and component design. This Skill covers framework selection, initial setup, and optimization strategies tailored to your project's rendering requirements and performance targets.

Framework selection depends on your project scope: React for flexible SPAs, Next.js for SSR and hybrid rendering, or Vue for lightweight applications. This Skill provides framework comparison, initial setup guidance, and component architecture patterns for each option.

Testing scaffolding covers unit tests, integration tests, and accessibility testing for React and Vue components. This Skill guides test structure, frameworks, and best practices integrated with TypeScript typing and performance optimization validation.