We split this skill into the rules it gives an agent

6 rules. About 0 are common, 4 are distinctive, and 2 are very specific to this project.

• ≈0

  Common · estimate

  Many files like this have a rule of this kind.

• ≈4

  Distinctive · estimate

  This author's own choices. Worth a look.

• 2

  Very specific

  Tied to their project's names, files or tools. Probably skip.

• Common
• Distinctive
• Very specific

1. Distinctive:

   When building React components, prioritize functional purity and rendering efficiency:

   line 11
2. Distinctive:

   Functional Components: Use functional components and Hooks exclusively.

   line 13
3. Distinctive:

   Derived State: Avoid storing state that can be computed from existing state or props on the fly.

   line 14
4. Very specific:

   Dependencies: Ensure useEffect, useMemo, and useCallback dependency arrays are exhaustive and accurate.

   line 15
5. Very specific:

   Render Optimization: Do not use React.memo or useMemo prematurely.

   line 16
6. Distinctive:

   Colocation: Keep component styles, tests, and specific utilities colocated in the same directory as the component.

   line 17

≈ “Common” is an estimate: at least 1 in 5 of the 350,495 skill files we read have a rule of the same kind, not the same words. “Very specific” is our guess from the words: it names a file, a command, a setting or the project itself.