Test-Driven React (PragProg)

You work in a loop: write code, get feedback, iterate. The faster you get feedback, the faster you can learn and become a more effective developer.

Trevor Burnham @TrevorBurnham

edited by Jacquelyn Carter @jkcarter

You work in a loop: write code, get feedback, iterate. The faster you get feedback, the faster you can learn and become a more effective developer. Refine your React workflow to give you the feedback you need as quickly as possible. Write strong tests and run them continuously as you work, split complex code up into manageable pieces, and stay focused on what’s important by automating away trivial tasks.

Write fast, portable tests with Jest. Keep your code tidy with ESLint and Prettier. Perform every task you need from a single window with VS Code. See your test output directly in your code with Wallaby. Make assertions about React component behavior with Enzyme. By understanding every piece of your project’s stack, you’ll feel more confident and able to focus on what matters: writing reliable and maintainable code.

Adopt these techniques, avoid productivity traps, and start building React components at a stunning pace!


“Twenty-first century web app development, especially in React, can easily become a morass of npm dependencies, copy-pasted Stack Overflow code, and general kludginess. Fortunately, there is hope, in the shape of test-driven development: write a failing test; make it pass; refactor; repeat. Trevor Burnham will help lead you back from the brink so you can make web development pleasurable again.”

–Richard Murnane, Software Developer, 3P Learning


Don’t forget you can get 35% off with your Devtalk discount! Just use the coupon code “devtalk.com" at checkout :+1:

2 Likes