Software development requires developers to embrace different mindsets depending on the project stage. Two essential mindsets are prototyping and polishing. Prototyping involves solving problems quickly and end-to-end, prioritizing speed over meticulous details. Conversely, the polishing or product mindset focuses on perfecting the user experience and fulfilling non-functional requirements through meticulous…

Defects are inevitable in software development, stemming from unclear requirements, logic errors, or overlooked edge cases. Detecting and fixing these defects can be a time-consuming and costly process. Writing effective tests is the most cost-effective way to prevent or minimize severe defects. Tests play a crucial role in any real-world…

The Illusion of Efficiency By observing my behaviour, I’ve realised that the knowledge and skills I believed to have mastered were often less solid than I thought. The efficiency I took pride in was merely akin to a colourful soap bubble that quickly bursts upon a gentle touch, leaving fragments scattered all around. You Might Only Excel at Searching In…

Cypress is a popular JavaScript testing framework for end-to-end testing of web applications. If you have some experience with unit testing using React Testing Library, you may wonder how to test your app’s interaction with the browser in a real-world scenario. Cypress provides a solution by allowing you to write…

Writing tests in React is crucial to ensure that applications work as expected, catching bugs early in the development cycle and reducing the overall cost of fixing issues. Tests also provide confidence in the quality of the codebase, making it easier to maintain and refactor. By testing code, developers can…

One of the principles I constantly use in my code is a special form or a concrete usage of the Single Responsibility Principle at its core. This principle is the Separation of Command and Query Principle. The Separation of Command and Query Principle is a software design principle that suggests…

People ask me a lot about how they would improve their skills. I mean not how to code or get started with React kind of improvement, but the skills that can help them to be a better developer in the long run. …

Imagine you’re maintaining a design system. It’s well-designed and production-proof, runs fast, and is compatible with most modern browsers. It has hundreds of internal and external consumers, and teams, big and small, all love it. One day, someone from a product team approached and kindly asked if you could enhance…

React document mentioned that the Context is designed to share data share values between components without explicitly passing a prop through every level of the tree (the prop drilling problem). Context lets the parent component make some information available to any component in the tree below it — no matter…