1. Identify the problem: Is it derived state, event handling, or external system synchronization?
2. Determine if useEffect is necessary: Does it involve external systems, subscriptions, analytics, or data fetching?
3. If not, choose an alternative: Calculate during render, useMemo, key prop, or event handler.
4. If useEffect is necessary, implement with proper cleanup.
5. Review for anti-patterns and consider better alternatives.
6. Test the component to ensure correct behavior and performance.
7. Document the decision and implementation for future reference.
SynapticSkills