React Best Practices

Load this when you're touching React components and want to avoid the most common pitfalls, especially overusing useEffect. It treats effects as escape hatches for external systems only and walks you through a decision tree for hooks, refs, and state management. The guidance on when NOT to use effects (derived state, expensive calculations, prop-driven resets) is honestly more valuable than the when-to-use part. Pair it with the TypeScript skill since most modern React is typed. Also covers component composition patterns and has specific advice against building config-driven mini-frameworks when plain JSX would do.