senior-frontend

Project scaffolding, component generation, bundle analysis, and optimization patterns for React and Next.js applications.

• Scaffolds new Next.js or React projects with TypeScript, Tailwind CSS, and optional features (auth, API client, forms, testing, Storybook)
• Generates typed React components, server components, custom hooks, and associated test and story files
• Analyzes bundle size and identifies heavy dependencies with lighter alternatives (moment → dayjs, lodash → lodash-es, @mui/material → shadcn/ui)
• Covers React patterns (compound components, custom hooks, render props) and Next.js best practices (Server vs Client Components, image optimization, data fetching with Suspense)
• Includes accessibility checklist and testing strategies using React Testing Library and Vitest