[Maintainable React] Test-Driven Development with React (Part 1)
In this tutorial, I will show you how to implement an application: Buy Some Milk by applying TDD (Test-Driven Development). I found that with TDD you can modify your code later with more confidence - and I believe that's the most important part of a developer's coding experience.
I just found it's too long to put the content into one video, so I have to split it into three parts.
Table of Contents:
00:00 - Introduction
01:13 - Create an empty app
04:57 - Tasking
09:53 - Write your first test and watch it fail
11:59 - Make it pass by fake it
12:57 - The second test to fail
14:06 - Fix the second test
15:28 - Rendering multiple items
16:25 - Fix the test
18:18 - Change data structure
19:30 - Extract a new component
20:10 - Ending
And to learn more about Test-Driven Development in general, here is another book from me: https://www.amazon.com/Test-Driven-De...
Subscribe to my newsletter for more articles and videos on refactoring and clean code tips: https://juntao.substack.com/
Additional Resources:
React Anti-Patterns: https://www.amazon.com/React-Anti-Pat...
Test-Driven Development with React and TypeScript: https://www.amazon.com/Test-Driven-De...
React Clean Code Book: https://leanpub.com/react-clean-code
Maintainable React Book: https://leanpub.com/maintainable-react
Mastering Maintainable React Course: https://www.udemy.com/course/masterin...