Senior React Engineer with 8+ years building performant, scalable frontend systems. Expert in modern React ecosystems, design systems, and AI-assisted software delivery.
Senior React Engineer
Senior React Engineer specializing in high-performance web applications, design systems, and AI-assisted development workflows. Proven track record leading frontend architecture for products serving millions of users.

- Created by
TailwindResume - View web resume
- Or scan QR code to view on mobile device
Profile
Experience
TechFlow Inc.
Lead frontend engineer for core product platform serving 10M+ monthly active users. Architected and maintained scalable React applications, established engineering standards, and mentored team of 6 engineers. Owned design system strategy and CI/CD pipeline optimization. Introduced AI-assisted development workflows using Claude Code and Cursor, reducing feature delivery time by 30% while maintaining code quality through human-supervised review processes.
Real-Time Analytics Dashboard
- High-frequency data visualization platform for enterprise customers requiring sub-100ms update latency with complex interactivity.
- Micro-frontend architecture with module federation, WebSocket streaming layer, React 18 concurrent features, custom reconciliation optimizations
- Led frontend architecture and performance optimization. Designed streaming data pipeline with selective re-rendering. Implemented virtualized grid with 100k+ cell capacity.
- Tech Stack: React 18 TypeScript WebGL WebSockets RxJS Vite Turborepo
- Challenges: Streaming UX for Real-Time Data: Built interruption and retry mechanisms for WebSocket connections with visual tool-state indicators. Users can pause, inspect, and resume data streams with full citation of data source timestamps.
- Challenges: AI-Assisted Feature Development: Used Claude Code for task decomposition and implementation planning of complex chart interactions. Repository-context exploration identified shared hooks for reuse. Generated changes underwent local validation, Storybook regression testing, and peer review before merge.
- Challenges: Performance Achievement: Reduced render time from 450ms to 16ms through memoization strategies and custom useSyncExternalStore integration for external data source binding.
Enterprise Design System
- Comprehensive component library serving 12 product teams with strict accessibility and theming requirements.
- Monorepo with Storybook, Rollup builds, CSS-in-JS with runtime theming, semantic token architecture
- Architected component API patterns, established testing standards, built automated accessibility regression suite. Managed breaking change migration strategy across organization.
- Tech Stack: React TypeScript Storybook Rollup CSS-in-JS Testing Library Playwright
- Challenges: AI-Assisted Documentation and Testing: Leveraged Cursor for generating JSDoc from component prop interfaces and creating test generation templates. Used GitHub Copilot for PR review assistance on documentation updates. All generated content required human validation for accuracy and completeness.
- Challenges: Adoption Metrics: Achieved 95% component reuse rate across product suite, reducing average feature build time by 40% and design-to-code handoff by 60%.
StartupGrid
Full-stack leaning frontend developer for SaaS platform. Built customer-facing features from conception to deployment. Collaborated with product and design on rapid iteration cycles. Maintained legacy codebase while modernizing stack.
Customer Onboarding Flow
- Multi-step onboarding wizard with dynamic form generation and third-party integrations.
- React with Redux, dynamic form schema validation, progressive disclosure pattern
- Implemented frontend logic for conditional step rendering, form validation, and analytics tracking. Integrated with backend APIs for real-time availability checks.
- Tech Stack: React Redux Formik Yup REST APIs
- Challenges: Conversion Improvement: Reduced onboarding abandonment by 25% through step-progress persistence and inline validation feedback.
Internal Admin Tool Modernization
- Migration of legacy jQuery admin interface to React with improved data table operations.
- React with class-to-hooks migration, custom hook abstraction for data fetching
- Led incremental migration strategy, built reusable data table with sorting/filtering/pagination, established patterns adopted by team.
- Tech Stack: React Hooks React Query Material-UI
- Challenges: Migration Strategy: Delivered zero-downtime transition using iframe isolation for legacy components, completing full migration in 4 months.
Skills
Core React & Frontend Architecture
- Deep expertise in React 18+ concurrent features, custom hooks, compound component patterns, and render optimization
- Implements micro-frontend architectures with module federation, designs semantic component APIs, and manages state across server/client boundaries with solutions like React Query, Zustand, and Redux Toolkit
TypeScript & Developer Experience
- Advances strict TypeScript configurations with branded types, template literal types, and conditional generics for API contracts
- Builds tooling with AST transformations, maintains custom ESLint plugins, and architects monorepo build systems with Turborepo and Nx for optimal caching and dependency graphs
Performance Engineering
- Proficient in profiling with React DevTools and Chrome Performance tab, implementing virtualization for large lists, code-splitting with dynamic imports, and optimizing bundle sizes through tree-shaking and dependency analysis
- Experiences with WebGL integration for data-intensive visualizations and service worker strategies for offline capabilities
Testing & Quality Assurance
- Architects testing strategies with React Testing Library, Playwright for E2E, and MSW for API mocking
- Implements visual regression with Chromatic, mutation testing with Stryker, and maintains 80%+ coverage standards with meaningful assertions over implementation details
AI-Assisted Software Delivery
- Integrates Claude Code and Cursor into daily workflows for task decomposition, repository-context exploration, and implementation planning
- Uses AI assistance for test generation scaffolding, documentation updates, and debugging complex async flows
- Enforces human-supervised validation: generated changes require local verification, CI checks, code review with security/permission review, and rollback readiness
- For frontend specifically, leverages AI to prototype streaming UX patterns, tool-state interfaces with proper loading/error boundaries, and citation components for AI-generated content with human review flows

