modify-component

Enforce PascalCase naming and best practices for React components by applying structured contract guidelines for functional components and filename structures. This ensures adherence to code quality standards and maintainability during development or refactoring.

The best way to structure event handling in React components is to follow established event prop naming conventions and usage guidelines. This approach emphasizes viewmodel-based interaction over direct state management to maintain clean code.

Refactor existing React components to use a viewmodel pattern by shifting from direct state management to viewmodel-based interaction. This improves code maintainability and scalability by enforcing structured event handling and component contracts.

React component pattern enforcement works for both new development and refactoring workflows. It assists in maintaining clean, maintainable code by defining PascalCase standards and viewmodel integration regardless of the project phase.

Use viewmodel-based interaction instead of direct state management in React to improve code maintainability and scalability. This pattern enforces structured event handling and separates concerns, resulting in cleaner component design.