skills.rest
saajunaid
saajunaidCOMMUNITY
Explore all skills by this author →
GitHub

react-dev

Provide type-safe React TypeScript patterns for components, hooks, events, and routing.

Updated Feb 20, 2026
Search Tags:#typescript#react#routing#hooks#patterns#typing#server-components
One-click install
npx skills add https://github.com/saajunaid/junai --skill react-dev-saajunaid
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-dev
Source: https://github.com/saajunaid/junai/tree/main/.github/skills/frontend/react-dev
Command: npx skills add https://github.com/saajunaid/junai --skill react-dev-saajunaid

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Building robust React apps with TypeScript can be error-prone without clear patterns for components, props, events, hooks, and routing. This Skill provides a curated set of type-safe patterns and references to standardize development across React 18-19, including Server Components and server actions.

Core Features & Use Cases

  • Type-safe patterns for React components, props, events, and hooks
  • Server Components and Server Actions guidance for React 19
  • Type-safe routing with TanStack Router and React Router
  • On-demand reference files for deep dives (hooks, events, server components, routing)
  • Migration guidance for React 18 to 19 and modern TypeScript

Quick Start

Ask for a React TypeScript pattern and you will receive ready-to-use code samples and typed guidance.

Frequently Asked Questions about react-dev

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I type React component props and events in TypeScript to prevent runtime errors?▼

Type React component props and events using explicit TypeScript generics and typed event handlers to prevent runtime errors. This Skill provides structured patterns for typed components, props, and events to standardize development and improve maintainability.

What's the best way to type Server Components and Server Actions in React 19?▼

Type Server Components and Server Actions in React 19 using useActionState patterns and explicit server/client boundary typing. This Skill provides guidance on these patterns to ensure type safety across server and client boundaries.

Does this Skill support type-safe routing with TanStack Router and React Router v7?▼

Yes, this Skill supports type-safe routing with TanStack Router and React Router v7. It provides structured patterns and on-demand reference files to ensure typed routing configurations across React 18-19 applications.

How do I migrate React 18 TypeScript patterns to React 19?▼

Migrate React 18 TypeScript patterns to React 19 using the migration guidance provided by this Skill. It covers transitioning to Server Components, Server Actions, and updated useActionState patterns while maintaining type safety.

When do I need explicit event typing for React hooks?▼

You need explicit event typing for React hooks when building interactive UI components to ensure type-safe event handling. This Skill provides on-demand reference files for hooks and events to reduce runtime errors and improve maintainability.

Related Skills

Explore More Software Engineering Skills→
imMamdouhaboammarimMamdouhaboammar

react-dev

Provide TypeScript patterns for type-safe React 18-19 applications.

Community
Advanced
chidekinachidekina
2

react-dev

Build type-safe React components and routing integrations in TypeScript.

Community
Advanced
itsimonfredlingjackitsimonfredlingjack

trpc-type-safety

Define tRPC server routers with Zod input validation for end-to-end type safety.

Community
Advanced
oakossoakoss
14

trpc

Create end-to-end type-safe APIs in TypeScript with shared types.

Official
Advanced