lang-typescript-patterns-dev

Strict TypeScript configuration enforces compiler options like unknown over any, type guards, and discriminated unions. This Skill provides ready-to-use tsconfig templates and path alias setup to eliminate unsafe typing patterns and catch errors at compile time rather than runtime.

React+TypeScript patterns cover component definitions, polymorphic components, and type-safe hooks. This Skill demonstrates how to write strongly-typed functional components, generic component wrappers, and custom hooks that maintain type inference across your component tree.

Type-safe generics use mapped types, conditional types, and type guards to build reusable functions and utilities without sacrificing type precision. This Skill shows how to construct APIs and utility functions that work across multiple types while preserving specific type information.

Type-safe testing with Vitest and Testing Library involves typed test data factories, type-safe mocks, and component tests that respect your component's prop types. This Skill provides patterns for writing tests that catch type errors before runtime.

Unknown requires type checking before use; any bypasses all type checks. This Skill explains why unknown is safer for strict codebases and demonstrates how to use type guards to narrow unknown types safely without losing type information.

Discriminated unions combine a common property with variant types to create exhaustive, type-safe state patterns. This Skill shows how discriminated unions prevent invalid state combinations and enable exhaustive pattern matching in React components and API handlers.