Toptal

In this post, we’re going to develop a React app using test-driven development (TDD) from user stories to development. Also, we are going to use Jest and Enzyme for the TDD. Upon completion of this guide, you will be able to:

Create epics and user stories based on the requirements. Create tests based on user stories. Develop a React app using TDD. Use Enzyme and Jest to test a React app. Use/reuse CSS variables for responsive design. Create a reusable React component that renders and functions differently based on the provided props. Type check component props using React PropTypes.

This article assumes that you have basic knowledge of React. If you’re completely new to React, I’d recommend you complete the official tutorial and take a look at Toptal’s 2019 React Tutorial: Part 1 and Part 2.

Overview of Our Test-driven React App

We’ll be building a basic pomodoro timer app

To read the full article click on the 'post' link at the top.