tech-react
React-specific component, hook, and rendering patterns. Use when writing React components, hooks, JSX, or optimizing React performance.
74
62%
Does it follow best practices?
Impact
97%
1.18xAverage score across 3 eval scenarios
Passed
No known issues
Optimize this skill with Tessl
npx tessl skill review --optimize ./skills/framework/tech-react/SKILL.mdEvaluation results
100%
44%Blog Post Editor
TanStack Query mutation call-site handling
No onSuccess callback
0%
100%
No onError callback
100%
100%
No onSettled callback
100%
100%
Uses mutateAsync
0%
100%
Awaited post-mutation actions
0%
100%
No useEffect for form submission
100%
100%
Try/catch at call site
0%
100%
Hooks at top level
100%
100%
No premature memoization
100%
100%
92%
-8%Live Activity Feed Panel
Effect cleanup and avoiding effect misuse
Event listener cleanup
100%
85%
Timer cleanup
100%
100%
No derived state in effect
100%
100%
No effect chain
100%
58%
No useEffect for user event response
100%
100%
AbortController for fetch
100%
100%
Hooks at top level
100%
100%
Cleanup returns function
100%
88%
No premature memoization
100%
100%
100%
10%Employee Directory with Detail Panel
List rendering, key prop reset, and semantic HTML
Stable unique list keys
100%
100%
No index as key
100%
100%
Separate child component for per-item hooks
100%
100%
Key prop for state reset
100%
100%
No useEffect state reset
0%
100%
Semantic interactive elements
100%
100%
Semantic page structure
100%
100%
Hooks at top level
100%
100%
No premature memoization
100%
100%
- Repository
- ravnhq/ai-toolkit
- Commit
7b466be
- Evaluated
- Agent
- Claude Code
- Model
- Claude Sonnet 4.6
Is this your skill?
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.