megara-arevaco
- 4 skills
- 0 followers
- 20 hours ago last updated
- ▌ Organize React Code · megara-arevaco bundleOrganize, review, and refactor React codebases with component-folder boundaries, colocated hooks, explicit JSX styling, and state ownership based on the kind of state. Apply when creating components, splitting monolithic React files, or auditing frontend architecture.
- ▌ Avoid Unnecessary Useeffect · megara-arevaco bundlePrevent unnecessary React useEffect usage when writing, reviewing, or refactoring React components. Apply when effects derive state, respond to user actions, transform render data, duplicate props, synchronize React state, or manually fetch server data; keep effects for synchronization with systems outside React.
- ▌ Choose React State Management · megara-arevaco bundleChoose and review React state-management strategies by classifying local UI, shared client, server, URL, form, and persistent state. Apply when designing state architecture, selecting between React state, Context, Zustand, Redux Toolkit, query libraries, routers, or form libraries, or detecting duplicated and over-globalized state.
- ▌ Plan Expensive Implement Cheap · megara-arevaco bundleRoute nontrivial coding work across models to reduce cost while preserving quality: use strong reasoning for planning and risk decisions, delegate bounded implementation to a cheaper model, validate the result, and escalate only when evidence justifies it. Apply when the user requests cost-aware model routing, a strong-plan/cheap-implementation workflow, or explicitly invokes this skill.