Maintainable React
Minimum price
Suggested price

Maintainable React

Test-Driven Development, Refactoring and Clean Code.

About the Book

We all know the most significant coding efforts in any real-life project are not about writing new code but maintaining the existing one. And a considerable part of our time is spent trying to understand the legacy code.

In this book, I'm trying to put together common patterns I found in many React projects I've worked on: what worked well and what didn't, the symptoms of issues and how to get rid of them with proven techniques.

I hope it can help you cope with your project's challenges, save time writing new features, and improve the code base with each commit.


About the Author

Juntao Qiu
Juntao Qiu

Hi, I'm Juntao, and I help developers write better code through clear, practical guidance.

I am deeply committed to contributing to both the online and offline developer communities, sharing insights and knowledge gleaned from my experiences in various projects. Among my contributions are several publications focused on Web Development. Notably, my latest works include "React Anti-Patterns" (2024), "Test-Driven Development with React (2nd)" (2023) and "Maintainable React" (2022).

Additionally, I host a YouTube channel (@icodeit.juntao), where I delve into Clean Code practices and Refactoring techniques, aiming to assist developers in honing their coding skills.

Table of Contents

  • Preface
    • Do we need another book on the topic?
    • How the book is structured
    • Reference
  • Chapter 0 - React Clean Code
    • What is clean code?
    • Clean code
    • Clean up techniques
    • Summary
  • Chapter 0.5 - How to organise your React application
    • Front-end applications are complex
    • How to split your projects
    • Summary
  • Chapter 1 - Brief of Test-Driven Development
    • Introduction to the Test-Driven Development process
    • Typical workflow of TDD
    • Write our first test
    • Summary
  • Chapter 2 - Todo Application - Basic Features
    • Get started with Todo application
    • Renders single item
    • Renders multiple items
    • Data structure of an item
    • Add a new item to the todo list
    • Summary
  • Chapter 3 - Refactor - Separation of Concerns
    • Separation of concerns
    • Extract a new component
    • Using the new component in Todo application
    • Summary
  • Chapter 4 - Adding New Feature - Mark Item As Done
    • Adding a new test
    • Type changes
    • Handle click event on item
    • Filter out completed items
    • Summary
  • Chapter 5 - Refactor - Split Logic Into Custom Hook
    • Another round of refactoring
    • Extract the TodoList component
    • Custom hook for business logic
    • Summary
    • What we have learnt
  • Chapter 6 - Composition Foundation
    • children / slots pattern
    • Passing multiple nodes
    • Summary
  • Chapter 7 - Refactor - AddressContainer
    • Using render prop to decoupling
    • More fancy rendering
    • Summary
  • Chapter 8 - Composition Example 1 - The Avatar component
    • The tooltip prop
    • Break the dependency chain
    • Summary
  • Composition Example 2 - InlineEdit
    • The InlineEdit component
    • The validate prop
    • Refactoring Option 1
    • Refactoring Option 2
    • Summary
  • The refactor of StackView Component
    • The StackView component
    • Tests
    • Optional header and footer component
    • New request - the user profile
    • Quiz - what’s the problem here?
    • Break it down and reassemble it back
    • Summary
  • Business logic leaking
    • The do-all-things view
    • The business logic leakage
    • Summary
  • Fix the Leakage - Data Modelling
    • A address searching box
    • Current implementation
    • Refactor
    • Data modelling
    • Summary
  • Project simulation - Direct To Boot
    • First test
    • Button
    • Mocks
    • The component
    • Summary
  • Feature: Notify the store
    • Refactor
    • Custome hook
    • Summary
  • Error handling
    • Notified message
    • Look at the code
    • Summary
  • 10 Refactorings to Boost your Clean Code Efficiency
    • The most common 10 refactorings
    • Code smells
    • Common Refactorings
    • The Problem - ROT13
    • The implementation
    • Summary

The Leanpub 60 Day 100% Happiness Guarantee

Within 60 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.

Now, this is technically risky for us, since you'll have the book or course files either way. But we're so confident in our products and services, and in our authors and readers, that we're happy to offer a full money back guarantee for everything we sell.

You can only find out how good something is by trying it, and because of our 100% money back guarantee there's literally no risk to do so!

So, there's no reason not to click the Add to Cart button, is there?

See full terms...

80% Royalties. Earn $16 on a $20 book.

We pay 80% royalties. That's not a typo: you earn $16 on a $20 sale. If we sell 5000 non-refunded copies of your book or course for $20, you'll earn $80,000.

(Yes, some authors have already earned much more than that on Leanpub.)

In fact, authors have earnedover $13 millionwriting, publishing and selling on Leanpub.

Learn more about writing on Leanpub

Free Updates. DRM Free.

If you buy a Leanpub book, you get free updates for as long as the author updates the book! Many authors use Leanpub to publish their books in-progress, while they are writing them. All readers get free updates, regardless of when they bought the book or how much they paid (including free).

Most Leanpub books are available in PDF (for computers) and EPUB (for phones, tablets and Kindle). The formats that a book includes are shown at the top right corner of this page.

Finally, Leanpub books don't have any DRM copy-protection nonsense, so you can easily read them on any supported device.

Learn more about Leanpub's ebook formats and where to read them

Write and Publish on Leanpub

You can use Leanpub to easily write, publish and sell in-progress and completed ebooks and online courses!

Leanpub is a powerful platform for serious authors, combining a simple, elegant writing and publishing workflow with a store focused on selling in-progress ebooks.

Leanpub is a magical typewriter for authors: just write in plain text, and to publish your ebook, just click a button. (Or, if you are producing your ebook your own way, you can even upload your own PDF and/or EPUB files and then publish with one click!) It really is that easy.

Learn more about writing on Leanpub