React Best Practices

What it does

This skill equips AI agents with the knowledge to apply industry-standard React development patterns, ensuring code is maintainable, performant, and scalable. It guides agents in implementing best practices for component architecture, state management, and lifecycle handling within Dedalus ERP PAS environments.

When to use it

• Refactoring legacy codebases to align with modern React standards.
• Generating new frontend components that adhere to specific architectural guidelines.
• Optimizing application performance by applying efficient rendering strategies.
• Ensuring consistency across a team's frontend development workflow.

Key capabilities

• Application of established React design patterns and conventions.
• Guidance on component structure and lifecycle management.
• Implementation of performance optimization techniques specific to the framework.
• Alignment with Dedalus ERP PAS foundational skill requirements.

Example prompts

• "Refactor this existing class-based component into a modern functional component using hooks."
• "Generate a reusable UI card component following React best practices for props and state."
• "Identify potential performance bottlenecks in this render-heavy list view and suggest optimizations."

Tips & gotchas

Ensure the AI agent has access to the specific version of React and related libraries used by your project, as best practices can vary between versions. While this skill provides foundational guidance, complex architectural decisions may still require human review for business logic alignment.