These are the notes for my React && TypeScript workshop for Frontend Masters.
Course Repository
We’ll me working through the content in this repository.
Also, at some points, we may pop into the TypeScript Playground.
Key Benefits
By the end of this course, you’ll be able to:
- Build React applications with confidence using TypeScript’s type system
- Catch runtime errors at compile time with proper typing strategies
- Create reusable, well-typed component libraries
- Work effectively with React 19’s latest features and TypeScript
- Set up development environments optimized for React TypeScript development
- Write maintainable code that scales with your team and application size
Appendix
- Type System Fundamentals
- Type-Level Programming
- Performance in Large Codebases
- Modules and Declarations
- Build Pipeline: TSC, SWC
- Module Federation with TypeScript
- Tailwind + CVA: Typed Variants and Slots
- Real-time Typing: WebSockets and SSE
- Result/Either Patterns for React
- Type-Safe Environment Variables
- Publishing Types for Component Libraries
- Monorepos and Shared UI Types
- Advanced Error Handling Patterns
- Code Splitting Lazy Types
- Resource Preloading APIs Types
- Streaming SSR with TypeScript
- Vite React TypeScript Optimization
- DevTools and Type-Driven DX
- Debugging TypeScript Errors Guide
- Routing and Params Typing
- Styling: CSSType and CSS Modules
- TypeScript Without Trying
- Mental Models for React and TypeScript