Assess React 18 code quality for hooks, state, and concurrent features.
npx skills add https://github.com/danieldeusing/reviewr-templates --skill react-18
Please help me install this Agent Skill. Skill: react-18 Source: https://github.com/danieldeusing/reviewr-templates/tree/main/skills/react-18 Command: npx skills add https://github.com/danieldeusing/reviewr-templates --skill react-18
React 18 introduces hooks, concurrent features, and advanced patterns that require careful review to ensure correctness, performance, and maintainability. This skill provides structured guidelines to assess and improve React 18 codebases.
Run this skill against your React 18 project to identify hook, concurrency, and performance issues and apply recommended improvements.
High-intent search queries and answers about installing and using this skill.
Review React 18 hooks by validating dependency arrays, enforcing Rules of Hooks, and checking custom hook naming to ensure correct state management and avoid unnecessary renders. Apply these checks across components and data fetching patterns to improve reliability and performance.
Evaluating React 18 concurrent features involves assessing useTransition, useDeferredValue, and Suspense usage to ensure UI responsiveness and correctness. Proper implementation requires validating boundaries and error handling during data fetching and rendering optimization tasks.
Optimize React 18 rendering performance by recommending proper memoization, verifying stable callbacks, and avoiding unnecessary renders across components. Review these patterns within typical app scenarios like data fetching and form handling to enforce best practices.
Yes, you can enforce React 18 component patterns by validating proper typing with TypeScript, encouraging typed function components, and promoting useState or useReducer patterns to avoid unnecessary prop drilling and ensure maintainability.
You need Suspense boundaries for React 18 data fetching when evaluating concurrent features to ensure proper error handling is in place. Review these boundaries alongside useTransition and useDeferredValue to maintain UI responsiveness during asynchronous operations.
Yoriichi-DangProvide TypeScript patterns for React components, hooks, state, and forms.
SpencerGossProfile Python code paths and validate optimizations with before/after benchmarks.
jfrometaRun lint, type checks, and security audits on Node.js and Python projects.
HieubkavStandardize React/TypeScript frontend development with feature directories and Suspense data fetching.
