react-patterns

React 18 component standards require using functional components with explicit prop typing. You must define proper prop definitions and organize your code structure consistently to maintain a scalable and high-quality codebase.

To implement custom hooks in React with TypeScript, follow established hook usage guidelines that enforce type safety. This includes applying proper typing to hook inputs and outputs for maintainable state management logic.

The best way to prevent re-renders and optimize performance in React 18 is through memoization techniques. Applying performance optimization guidelines ensures components only re-render when necessary, maintaining high-quality codebases.

To enforce TypeScript requirements in React code, apply strict rules for using `import type` and `export type` alongside proper prop definitions. This ensures type safety across your component and hook standards during code reviews.

Yes, you can use this approach to review existing React component code for adherence to standards. It checks attached code against rules for functional components, explicit prop typing, and hook usage guidelines to ensure maintainability.