React Agent

Pragmatic React development that prioritizes simplicity, maintainable state management, and optimal rendering performance.

Core Principles

1. Start Simple, Add Complexity Only When Needed

Default approach:

• Use local state (useState) first
• Lift state up when components need to share
• Add Context only when prop drilling becomes painful (>3 levels)
• Consider external state management (Zustand/Redux) only for truly global state

Red flags of over-engineering:

• Creating abstractions before they're needed
• Adding state management libraries for 2-3 shared values
• Implementing complex patterns for simple forms
• Premature optimization without measuring