We’ve been talking about project structures in a React application, how to name our files, when to use hooks to manage side effects and so on and so forth. We even would discuss which programming paradigm we should adopt in our views or so. But among these discussions we don't…

You may have already read some of my Test-Driven Development with React articles before in this blog, and I’m glad to let you know the book has been published by Apress in June 2021, and it’s available in all the major platforms like amazon and booktopia. So this article is…

part two — In the previous article, we talked about colour attributes and the usages of colours in design. And now in this part 2 let’s focus on how to create harmony colour schemes, and learn some techniques around how to adjust these colours to be more practical. Color harmony In centuries, artists all over…

Part one — By applying the right colours can make a design work deliver whatever a designer would like it to deliver to their audience. It invokes a certain feeling, guides attention to a particular element on the page, conveys delights and beauty and makes a design more approachable than others. However, deciding…

Performance improvement is one of the most common issues we face in any frontend application. In almost every project, at some point (usually at the late stage), you would encounter this issue. In this article, I’d like to address some techniques that I’ve used in many projects and hope these…

How to compose React components — A bit of background Over the past several months, I’m in a team dedicated to performance improvement against a Design System in a React codebase. On the surface, the optimisation has two parts: performance enhancement and code restructure/redesign. However, after several months dealing with dozens of component refactoring, we found that they are basically…

In this article, I would like to introduce some techniques about how to apply automatic refactoring in your daily work through some usage of jscodeshift. …

Six team behaviors that crush collaboration — Thanks to my colleague at ThoughtWorks Daisy Park for her hard work on editing and making the article more readable. It’s almost inevitable that we need to work with people in our day jobs. However, it can always feel a little risky to work with unfamiliar co-workers. We often hear…

Undoubtedly, Covid-19 has, in many ways, affected our lives profoundly. Mandatory face masks when you go out for a coffee, social distancing in public, How to wash your hands in 6 steps, or the negative mental impacts since physical isolation because of working from home and so on. Those changes…