Build type-safe React components and routing integrations in TypeScript.
npx skills add https://github.com/chidekina/aria-superpowers --skill react-dev-chidekina
Please help me install this Agent Skill. Skill: react-dev Source: https://github.com/chidekina/aria-superpowers/tree/main/skills/react-dev Command: npx skills add https://github.com/chidekina/aria-superpowers --skill react-dev-chidekina
Building modern React apps with TypeScript can be error-prone when components, hooks, events, and routing patterns are not consistently typed. This skill provides a structured approach to implement type-safe React UI and routing practices across client/server boundaries.
Create a new React TypeScript component with typed props and events, then wire it into a TanStack Router or React Router route.
High-intent search queries and answers about installing and using this skill.
Type-safe React components are built by applying generic typing, discriminated unions, and strict server/client boundary definitions in TypeScript. This ensures compile-time validation for props, events, and server actions across React 18 and 19 architectures.
Typing router routes in TypeScript involves applying compile-time route typing patterns to match path parameters and search data. This approach integrates TanStack Router or React Router to provide fully typed navigation and data loading for scalable applications.
Typing event handling and useActionState requires defining precise TypeScript interfaces for synthetic events and action payloads. This enables strict type checking for form submissions and state transitions within React server components and client interactions.
Generic components and discriminated unions can be used to create scalable React UI patterns by enforcing flexible yet strictly typed props. This allows reusable component logic to safely handle multiple data shapes and render states at compile time.
Strict TypeScript typing for React server components and hooks is needed when building data dashboards or navigation-driven features that cross server/client boundaries. It prevents runtime errors by validating data fetching and state management during development.
React TypeScript routing integrations fail to recognize typed path parameters when route definitions lack explicit compile-time typing. Applying typed routing patterns ensures path parameters and search data are correctly inferred and validated across the application.
mklozBuilds type-safe React applications with TypeScript and React 19 features.
SlanyCukrBuild React 19 applications with server components, actions, and TypeScript.
jaredlanderWrite type-safe React components with TypeScript props and hooks.
anicca-labsEnforce React Native coding standards with TypeScript, Prettier, and custom rules.
