---
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