---

name: frameworks description: TypeScript with popular frameworks like NestJS, React, and Next.js sasmp_version: "1.3.0" bonded_agent: 02-typescript-backend bond_type: PRIMARY_BOND

TypeScript Frameworks Skill

Overview

Use TypeScript effectively with popular frameworks including NestJS, React, Next.js, and other modern tools.

Topics Covered

NestJS

• Module structure
• Decorators and metadata
• Dependency injection types
• Guards and interceptors
• Custom decorators

React TypeScript

• Component prop types
• Event handler typing
• Context with generics
• Hooks typing
• Ref typing patterns

Next.js

• Page component types
• API route typing
• getServerSideProps types
• App Router types
• Middleware typing

Express/Fastify

• Request/Response typing
• Middleware types
• Route handler types
• Error handling types
• Validation with zod

Type Integration

• Prisma types
• GraphQL code generation
• API client generation
• Database types
• Schema-driven typing

Prerequisites

• TypeScript advanced types
• Framework basics

Learning Outcomes

• Type React components
• Build type-safe APIs
• Use framework decorators
• Integrate database types