Productive React/TypeScript/TDD: Love Story from Hell
summary
Walks through a working React+TypeScript project scaffolded with create-react-app (typescript fork), run inside WebStorm, using Jest + Enzyme for TDD, showing shallow vs mount tests, Node and Chrome debugging of tests, and TypeScript interfaces for props and defaultProps. Demonstrates event handlers as arrow-function class fields to preserve this, writing failing tests first, fixing types/implementation, and rerunning fast in the IDE so the tests pass and the app stays green.
AI-written summary · about
chapters (15)
- 0:00Start
- 0:40Who Does React and Typescript
- 5:17Create React App
- 9:07Npm Run Script
- 9:51Webstorm
- 11:58Adjust Configuration
- 17:50Single Responsibility Principle
- 18:13Linting
- 19:16Testing
- 21:57Why Fail in Production
- 24:00Tdd Basics
- 25:47Enzyme
- 26:20Shallow Renderer
- 39:35Arrow Function
- 44:25Heading Component
related talks
01h 00mTest Driving React Applications
33mTDCD: Test Driven Component Development
30mTesting React Applications
10mTesting React Applications
53mTesting React Applications
01h 25mWorkshop: TypeScript Plus React = Love
57mTypeScript for React developers
24mUsing React Testing Library to Write Stronger Tests