List: Refactoring | Curated by Juntao Qiu

Sep 7, 2023
23 stories
2 saves
RefactoringClean code and Refactoring tips
In
ITNEXT
by
Juntao Qiu
The Interface Mindset: How to Build Flexible, Maintainable React Components with Context APIThinking in interfaces can enhance the flexibility and maintainability of the code, despite appearing more complex at first glance.
Mar 17, 2023
Mar 17, 2023
In
ITNEXT
by
Juntao Qiu
Breaking the Chains of Implementation: Leveraging React Context API with Interface-Oriented DesignBy using an interface-oriented approach in conjunction with React Context API, you can create powerful and flexible applications.
Mar 20, 2023
Mar 20, 2023
In
ITNEXT
by
Juntao Qiu
Writing Better React Code with the Separation of Command and Query PrincipleLearn about the Separation of Command and Query Principle, a software design principle that promotes clearer, more maintainable code.
Apr 26, 2023
5
Apr 26, 2023
5
In
ITNEXT
by
Juntao Qiu
The Essential React Testing Guide: Boost Your Productivity and Confidence (with Jest and RTL)Writing tests in React is crucial to ensure that applications work as expected, catching bugs early in the development cycle and reducing…
May 2, 2023
May 2, 2023
In
ITNEXT
by
Juntao Qiu
Decoupling UI and Logic in React: A Clean Code Approach with Headless ComponentsIn the realm of front-end development, terms and paradigms can sometimes be mystifying, and ‘headless UI’ or ‘headless components’ may very…
Jul 6, 2023
11
Jul 6, 2023
11
In
ITNEXT
by
Juntao Qiu
Successful Test-Driven Development with Tasking in ReactTest-Driven Development (TDD) is akin to the art of painting. You begin with a sketch or draft, outlining basic shapes and lines with a…
Aug 30, 2023
Aug 30, 2023
In
ITNEXT
by
Juntao Qiu
Automatic refactoring with jscodeshift/codemodsI would like to introduce some techniques about how to apply automatic refactoring in your daily work through some usage of jscodeshift.
Feb 17, 2021
1
Feb 17, 2021
1
In
JavaScript in Plain English
by
Juntao Qiu
Did Someone say Composition?How to compose React components
Jun 2, 2021
Jun 2, 2021
In
ITNEXT
by
Juntao Qiu
The right way to place business logic in your React applicationUpdate (May 9 2023): If you’re interested in diving deeper into the subject, I’ve created an online course that covers all the topics…
Nov 30, 2021
5
Nov 30, 2021
5
In
ITNEXT
by
Juntao Qiu
Maintainable React — A story about round-up (Part I)[Update 11.Nov.2022] Now that the whole series is done, I’ve created a book for it on leanpub. You can get a copy with this link for 30%…
Jul 20, 2022
Jul 20, 2022
In
ITNEXT
by
Juntao Qiu
Maintainable React — A story about round-up (Part II)In the first part of this tutorial, we’ve discussed a feature about round-up and donating. After a few refactors, our code has reached a…
Jul 29, 2022
1
Jul 29, 2022
1
In
ITNEXT
by
Juntao Qiu
React Clean CodeUpdate(September 25, 2022): I’ve summarised 7 tips in this Maintainable React Cheatsheet, which is free to download here.
Feb 24, 2022
Feb 24, 2022
In
ITNEXT
by
Juntao Qiu
5 Steps to Apply TDD More Effectively in ReactIn this article, I will share five simple steps for applying Test-Driven Development in your daily workflow. I believe these steps can help…
Oct 9, 2022
Oct 9, 2022
In
ITNEXT
by
Juntao Qiu
4 Common Mistakes You Make in RefactoringOver the years, I’ve seen cases that people struggling with refactorings. Some of the processes are pretty smoothy while others are not…
Oct 16, 2022
1
Oct 16, 2022
1
In
ITNEXT
by
Juntao Qiu
When React Meets OOPIn this article, I’ll discuss a case study of mixing Object-Oriented Programming with React (Functional Programming) and demonstrate how it…
Oct 26, 2022
2
Oct 26, 2022
2
In
ITNEXT
by
Juntao Qiu
10 Refactorings to Boost your Clean Code SkillsI love refactoring. I love the process of cleaning the code bit by bit and eventually reaching a state that it’s easier for everyone who…
Oct 31, 2022
2
Oct 31, 2022
2
In
ITNEXT
by
Juntao Qiu
How to Write More Reusable Code?The key of reusability is abstraction, I’ll explain in details of how can you do it gradually to make your code more reusable and testable
Nov 12, 2022
2
Nov 12, 2022
2
In
ITNEXT
by
Juntao Qiu
The pragmatic guide to React network programmingNetwork programming can be challenging, especially when you have to maintain UI states. I’m reveal some patterns in this article.
Dec 15, 2022
Dec 15, 2022
In
ITNEXT
by
Juntao Qiu
React Clean Code — Simulate  Network Scenarios with Mirage.jsIn my book Maintainable React, I introduced a feature I had worked on a while ago. That feature is interesting in many ways, and I…
Dec 20, 2022
Dec 20, 2022
In
ITNEXT
by
Juntao Qiu
The refactoring of the “Very efficient Code” from Dutch DigiD AppYou might have seen the Very efficient Code from reddit humor, but behind the humor we can refactoring it to a better state.
Jan 18, 2023
7
Jan 18, 2023
7