[Maintainable React] Test-Driven Development with React (Part 1)
I Code It
View ChannelAbout
👋 Hi, I’m Juntao — a software developer, author, and content creator who helps developers write cleaner, more maintainable frontend code. On this channel, I share practical coding walkthroughs, real-world refactoring sessions, and system design insights — all focused on React, frontend architecture, and clean code practices. With over a decade of experience in both frontend and backend development, I’m especially passionate about Test-Driven Development (TDD) and helping engineers grow from just making things work to making them robust and scalable. I’ve authored several books, including: - React Anti-Patterns (2024) - Test-Driven Development with React and TypeScript (2023) - React Clean Code (2022) - 3 Web Designs in 3 Weeks (2022) If you're a frontend engineer who cares about writing better code — you're in the right place.
Latest Posts
Video Description
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-Development-React-Apply-Applications/dp/1484269713 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-Patterns-maintainable-applications-test-driven/dp/1805123971 Test-Driven Development with React and TypeScript: https://www.amazon.com/Test-Driven-Development-React-TypeScript-Maintainable/dp/1484296478 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/mastering-maintainable-react/
You May Also Like
No Recommendations Found
No products were found for the selected channel.