Maintainable React
$9.99
Minimum price
$14.99
Suggested price

Maintainable React

Refactoring to 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 people write better code.

I'm also enthusiastic about sharing my leanings of projects with the community online and offline. I've already published many books related to Web Development, and the most recent two are Test-Driven Development with React (2021), and Maintainable React(2022).

I'm running a Youtube channel (https://youtube.com/channel/@icodeit-juntao) too targeting to share my Clean Code and Refactoring tips with other developers.

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.

See full terms

Do Well. Do Good.

Authors have earned$12,151,660writing, publishing and selling on Leanpub, earning 80% royalties while saving up to 25 million pounds of CO2 and up to 46,000 trees.

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