Replace React useRef patterns with declarative HTML features and state-driven logic.
npx skills add https://github.com/ncaq/konoka --skill react-use-ref
Please help me install this Agent Skill. Skill: react-use-ref Source: https://github.com/ncaq/konoka/tree/main/plugins/web-tasuke/skills/react-use-ref Command: npx skills add https://github.com/ncaq/konoka --skill react-use-ref
Avoid unnecessary useRef in React by promoting HTML standard features, declarative libraries, and state-driven approaches to keep components predictable and easier to test.
Refactor a React component to replace useRef with declarative HTML features or state where possible.
High-intent search queries and answers about installing and using this skill.
To avoid useRef in React components, replace imperative DOM manipulation with declarative HTML standard features like details and dialog, or manage DOM state through state-driven logic for predictable and testable code.
The best way to handle focus management without useRef is applying state-driven logic and declarative approaches, substituting imperative ref patterns to keep component behavior predictable and easier to test.
Declarative UI patterns replace useRef for form interactions by leveraging HTML native features, ensuring components remain predictable, maintainable, and easier to test than imperative ref-based alternatives.
Refactor a React component by identifying imperative useRef patterns and substituting them with HTML standard elements like details or dialog, applying state-driven logic to enforce safer, maintainable code.
You should not use useRef for simple DOM state when HTML native features or state-driven logic can achieve the same result declaratively, ensuring your component remains predictable and easier to test.
Yes, you can extract reusable logic into custom hooks to hide DOM manipulation details from components, substituting imperative useRef patterns with declarative, state-driven approaches for better testability.
tusososBuild declarative 3D scenes in React using JSX components.
slashwhyImplement Vue 3 composable patterns for reusable logic and reactive state.
efekrbasProvide React and Next.js frontend development patterns for components, state, and accessibility.
alexewerlofProvide minimal TypeScript DOM wrappers for manipulation, Shadow DOM, and templates.
