A free, interactive course that teaches Effect to TypeScript developers — from first principles to production patterns.
36 steps across 11 phases (~6 hours)
| Phase | Topics |
|---|---|
| Foundation | Mental model, creating & running Effects, generators |
| Composition | pipe, map/flatMap, combining effects |
| Error Handling | Catch & recover, Option, error propagation |
| Dependency Injection | Service context, Tag-based DI |
| Resource Management | Acquisition & cleanup |
| Schema & Data | Validation, serialization, transformation |
| Observability | Logging, tracing |
| Concurrency | Fibers, parallel effects |
| Streams | Reactive streams, operators, backpressure |
| Testing & Style | Test utilities, code style |
| Ecosystem | Runtime, CLI, DevTools, packages |
- Dark/light theme with flash-free persistence
- Progress tracking saved to localStorage
- Side-by-side TypeScript vs Effect code comparisons
- Practice exercises with hidden solutions
- "Common Trap" warnings for each topic
- Links to official Effect docs
Next.js 16 · React 19 · TypeScript · Tailwind CSS 4 · Shiki
npm install
npm run devOpen http://localhost:3000.
PRs and issues welcome. Course content lives in src/data/steps.ts.
MIT