Test-Driven Development with React

If you already heard of TDD but were wondering how it is supposed to work for developing React apps, this course is for you. We will build a few features in a pretend home rental application. I will show you how to write a failing test first (step 1), then make it pass by writing code (step 2), then refactor the code (step 3). These features include:

• building the app header (easy)

• fetching the list of rental homes from the API and displaying it on the page (intermediate)

• building a rental booking dialog (complex)

After completing this course, you will gain the full power of TDD which provides you with:

• better focus: you end up writing a lot less code because you need just enough to make the test pass, and anything else is a distraction and can be ignored

• better architecture: you get less tightly coupled code and more cohesive components

• fewer bugs and simpler maintenance

• high test coverage: you have more confidence that everything is working

• documented behavior: the tests describe the intended behavior of the component and document the edge cases

• it’s easy to pick up after the last context switch: when I return to my code the following day, the next step is always to get the test to pass or write the next one or refactor

Hope you’ll find this course helpful. Please don’t hesitate to leave feedback!

Rating Distribution

• 1 stars: 4 votes
• 2 stars: 2 votes
• 3 stars: 10 votes
• 4 stars: 20 votes
• 5 stars: 34 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!