React.js Skill

Component Design

• Write functional components exclusively — no class components in new code.
• Keep components small and single-purpose (≤ ~150 lines is a good signal to split).
• Separate presentational (dumb) from container (smart) components.
• Export named components; avoid default exports for components.
• Use React.memo for expensive pure components — profile before applying.
• Follow existing code style and conventions in the project — consistency over strict adherence.
• Apply KISS & DRY, but prioritize consistency with existing code.

Hooks