List: React | Curated by Juntao Qiu

Sep 7, 2023
23 stories
2 saves
ReactA list of articles that exploring the patterns, anti-patterns in building large React applications.
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
A Beginner’s Guide to Cypress Testing Framework with a Weather ApplicationYou will have a strong foundation in using Cypress for end-to-end testing, with page interactions and intercepting network requests.
May 7, 2023
May 7, 2023
In
ITNEXT
by
Juntao Qiu
Unveiling 6 Anti-Patterns in React Test Code: Pitfalls to AvoidDefects are inevitable in software development, stemming from unclear requirements, logic errors, or overlooked edge cases. Detecting and…
May 29, 2023
May 29, 2023
In
ITNEXT
by
Juntao Qiu
Legacy Code Survival Guide: Tips for Enhancing MaintainabilityA pervasive reality in a developer’s routine is interacting with legacy code, essentially code authored by someone else. This task can be…
Jun 13, 2023
1
Jun 13, 2023
1
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
7 React Clean Code Tips You Should KnowIn this article, I’ve summarised seven practical tips for you to write maintainable React code.
Oct 2, 2022
1
Oct 2, 2022
1
In
ITNEXT
by
Juntao Qiu
The evolution of a React applicationWhile I’ve put React application, there isn’t such a thing as React application. I mean, there are front-end applications written in…
Feb 7, 2023
6
Feb 7, 2023
6
In
ITNEXT
by
Juntao Qiu
Test-Driven Development 101 with jestThis excerpt is from my book Mastering Test Driven Development with React. It is pretty independent and fundamental for applying TDD in…
May 8, 2020
May 8, 2020
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
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