typescript-export-standards

To enforce consistent TypeScript export patterns, use the 'export function' syntax for functions, default exports for page components, and named exports for reusable components and hooks to reduce code review friction.

The best way to standardize React component exports is to use default exports strictly for page components while enforcing named exports for all reusable components, ensuring consistent patterns across your codebase.

For React custom hooks, you should use the 'export function' syntax with named exports, ensuring the hook returns a flat structure to maintain consistency and simplify maintenance across your project.

TypeScript export inconsistency causes code review friction because mixing default and named exports for functions and components creates confusion, making it difficult to establish clear maintenance and codebase standards.

To audit a React project for export convention violations, check that all functions use 'export function' syntax, page components use default exports, and reusable components use named exports, updating any incorrect patterns.