React continues as our standard for customer-facing web applications. We have adopted the React Compiler for automatic memoization, eliminating manual useMemo/useCallback optimization. Our shared component library — built with TypeScript — has grown to 80+ components with full accessibility compliance and Porsche Design System integration. Components are developed and documented in Storybook, and styled using Design Tokens.

Our React Stack

Every React project at Porsche Digital shares the same foundation:

React Compiler

The React Compiler (formerly React Forget) automatically optimizes re-renders by inserting memoization at build time. Since adoption:

• Removed ~400 manual useMemo/useCallback calls across our component library
• Reduced average component re-render time by 15-20% in profiler benchmarks
• Simplified code review — no more debates about "should this be memoized?"

The compiler runs as a Babel plugin in our build pipeline. Components that violate the Rules of React are flagged at build time, catching bugs that would have been silent runtime issues.

Component Library

Our shared library (@porsche-digital/components) wraps Porsche Design System web components with React-specific APIs:

• 80+ components covering layout, forms, navigation, data display, and feedback
• Accessibility-first — every component passes axe-core critical and serious checks
• Design token integration — all visual properties reference tokens, enabling theming without component changes
• Versioned and published to our internal npm registry with automated release via GitHub Actions