Generate typed React 18-19 components, hooks, and routing patterns.
npx skills add https://github.com/przbadu/skills-factory --skill react-dev-przbadu
Please help me install this Agent Skill. Skill: react-dev Source: https://github.com/przbadu/skills-factory/tree/main/skills/react-dev Command: npx skills add https://github.com/przbadu/skills-factory --skill react-dev-przbadu
React TypeScript projects often suffer from weak typing, brittle refactors, and inconsistent patterns across components, hooks, events, and routing.
It provides copy-ready guidance for typing props, children, generics, custom hooks, event handlers, server components, React 19 actions, and type-safe routing with TanStack Router or React Router v7. Use it when building reusable UI primitives, migrating to React 19, wiring forms and refs, or standardizing application architecture with compile-time safety. The reference files expand on edge cases for hooks, event systems, generic components, server actions, and router APIs.
Ask for a typed React component, hook, or route pattern and I will return production-ready TypeScript with the correct React 18-19 typing guidance.
High-intent search queries and answers about installing and using this skill.
Type React 19 ref-as-prop and useActionState patterns by using explicit prop and event generics to eliminate TypeScript ambiguity. This approach provides compile-time safety for form actions and ref forwarding without requiring manual type assertions.
The best way to type custom hooks and event handlers is to enforce safe hook return typing and explicit event generics. This prevents brittle refactors and ensures consistent type inference across React 18 and 19 projects.
Create type-safe routing by integrating typed route patterns with TanStack Router or React Router v7 APIs. This ensures compile-time validation of route parameters and search params across your application architecture.
Yes, this React TypeScript guidance supports both React 18 and 19 projects. It provides copy-ready TypeScript patterns for typed component design, custom hooks, and server components across both versions.
TypeScript ambiguity in React components happens when props, children, and generics lack explicit typing. Fix it by requiring explicit prop and event generics, ensuring safe hook return typing, and standardizing application architecture with compile-time safety.
luyi985Document TypeScript compiler options for reliable type checking.
sabahattinkAutomate CI/CD workflows for fullstack projects using GitHub Actions.
atovkGenerate UI component code for React, Vue, and Svelte frameworks.
jagreehalEnforce advanced TypeScript tsconfig flags and ESLint governance for compile-time safety.
