TypeScript Recipes

View Commands

TypeScript compiler commands for type checking, building, and configuring projects with strict type safety.

8 recipes

Build Pipeline with tsup for TypeScript Libraries

Intermediate

Set up a fast build pipeline using tsup to produce ESM, CJS, and declaration files for publishable TypeScript packages.

5 steps|10 min|build, tsup, bundling

$ pnpm add -D tsup

View Recipe

Optimize tsconfig for Modern Projects

Beginner

Configure tsconfig.json with the best compiler options for modern TypeScript projects targeting Node.js, React, or library development.

4 steps|8 min|tsconfig, configuration, compiler-options

$ npx tsc --init

View Recipe

Generate Declaration Files for TypeScript Libraries

Intermediate

Configure TypeScript to generate .d.ts declaration files and declaration maps for publishable libraries with proper package.json exports.

5 steps|12 min|declarations, d.ts, library

$ cat > tsconfig.build.json << 'EOF'

View Recipe

Set Up TypeScript ESLint with Type-Aware Rules

Beginner

Configure ESLint with typescript-eslint for type-aware linting rules that catch bugs the compiler misses, including no-floating-promises and consistent-type-imports.

4 steps|10 min|eslint, linting, type-aware

$ pnpm add -D eslint @eslint/js typescript-eslint

View Recipe

Migrate a JavaScript Project to TypeScript

Advanced

Convert an existing JavaScript project to TypeScript incrementally by renaming files, adding types, and enabling strict mode over time.

6 steps|20 min|migration, javascript, adoption

$ pnpm add -D typescript @types/node && npx tsc --init

View Recipe

Monorepo Setup with TypeScript Project References

Advanced

Configure TypeScript project references to build, type-check, and navigate across multiple packages in a monorepo with incremental compilation.

5 steps|20 min|monorepo, project-references, incremental

$ cat > tsconfig.base.json << 'EOF'

View Recipe

Migrate to Strict TypeScript Incrementally

Intermediate

Enable strict mode in an existing TypeScript project one flag at a time to avoid a massive migration and catch type errors gradually.

5 steps|15 min|strict, migration, tsconfig

$ cat tsconfig.json | grep -A 20 'compilerOptions'

View Recipe

Add TypeScript Type Checking to CI/CD

Beginner

Configure continuous integration to run TypeScript type checking on every pull request, catching type errors before they reach production.

4 steps|8 min|ci, type-checking, github-actions

$ mkdir -p .github/workflows && cat > .github/workflows/typecheck.yml << 'EOF'

View Recipe