Pathwise

Manuals / TypeScript / Guide 1

Start · beginner · ~20 min · Guide 1 of 11

How to use this path

TypeScript is JavaScript plus static types — compiles away to JS. Complete the JavaScript path first (or equivalent). This path moves from strict setup through types and unions to generics, utility types, and migration. Types should help you, not fight you.

Path progress
3%

Step 1 of 3

Prerequisites

Comfortable with JS: functions, objects, arrays, async/await, ES modules. If not, finish JavaScript Checkpoint A first.

PrerequisitesDrag stickies · tap for tips
Study mapDrag stickies · tap for tipsKeep it shortdrag · tap →Name the waitdrag · tap →Scope locatorsdrag · tap →Trace when stuckdrag · tap →One browser firstdrag · tap →Isolate statedrag · tap →Assert the UIdrag · tap →Retry wiselydrag · tap →Seed datadrag · tap →Close the loopdrag · tap →Keep it shortdrag · tap →Name the waitdrag · tap →Scope locatorsdrag · tap →Trace when stuckdrag · tap →One browser firstdrag · tap →Isolate statedrag · tap →Pathwise hackdrag · tap →Prerequisitesdrag · tap →Try thisdrag · tap →Follow the dashed drag · tap →

Do this now

Self-check: can you write a fetch + render app in vanilla JS modules? If no, pause and complete that.

Was this step clear?
Chapter learning outcomes
  • Prerequisites and pace
  • When types pay rent vs when to skip
  • Migration mindset

Clear these before you leave

Side quest

Day zero

Run npx tsc --version. In VS Code, open a .js file and confirm TypeScript language service works.