Typescript

Install

pnpm i -D typescript @tsconfig/recommended

Configuration

• What is a tsconfig.json

{
    "extends": "@tsconfig/recommended/tsconfig.json",
    "compilerOptions": {
        "jsx": "react-jsx"
    },
    "include": ["src/**/*"],
    "exclude": ["node_modules"]
}

TSConfig Bases

• recommended
• node18

JSX Support

Use the react-jsx option to use the new JSX transform.

• JSX - TypeScript Docs
• Introducing the new JSX transform - React Docs

Concepts

Typecheck only

tsc --noEmit src/

Tools

tsx - Run Typescript files with esbuild

pnpm i -g tsx
tsx file.ts

swc-node - Fast TypeScript transformer for node

• See here

Resources

• Typescript Handbook
  • The Basics
• Performance
  • Common Issues
    • Misconfigured include and exclude

---

Last update: August 12, 2023
Created: May 27, 2023