React Articles
Explore my articles about React, including hooks, state management, performance optimization, and best practices for building modern React applications.
Back to all postsPopular React Articles
React Module Mania: Understanding the difference between CJS, AMD, UMD and ESM
In this article we're going to talk about Module Systems. Module systems are important in modern web development because they help us organize our code and avoid naming conflicts. There are four common module systems: CommonJS (CJS), Asynchronous Module Definition (AMD), Universal Module Definition (UMD), and ECMAScript Modules (ESM). In this article, we'll discuss each of these module systems and their differences.
React How to Use Mock Service Worker for API Testing 🚀
When it comes to testing APIs, one of the key challenges is ensuring that your application behaves correctly under all conditions. Simulating different scenarios, such as server errors or slow response times, can be difficult. That's where Mock Service Worker (MSW) comes in. MSW is a powerful tool that allows you to mock HTTP requests and responses in your tests, making it easy to test your application's behavior under different circumstances. In this article, I'll show you how to use MSW to test your APIs, step by step.
React How to Setup Commitizen and commitlint with React project
In this article, we'll see how we can add commitizen to our react project. As developers, most of the time we're expected to work in teams. And having a few best practices and standards within the teams always helps avoid unnecessary inconsistencies. We'll be looking into one such area today, and we're going to focus on Commit messages.
React How to Implement Dark Mode in your application in 3 easy steps
In this article, we're going to see how we can implement dark mode in our website. Before we get into the meat and potatoes of the article, lets try and understand why we might want to implement Dark Mode.
All React Articles
React Module Mania: Understanding the difference between CJS, AMD, UMD and ESM
In this article we're going to talk about Module Systems. Module systems are important in modern web development because they help us organize our code and avoid naming conflicts. There are four common module systems: CommonJS (CJS), Asynchronous Module Definition (AMD), Universal Module Definition (UMD), and ECMAScript Modules (ESM). In this article, we'll discuss each of these module systems and their differences.
React How to Use Mock Service Worker for API Testing 🚀
When it comes to testing APIs, one of the key challenges is ensuring that your application behaves correctly under all conditions. Simulating different scenarios, such as server errors or slow response times, can be difficult. That's where Mock Service Worker (MSW) comes in. MSW is a powerful tool that allows you to mock HTTP requests and responses in your tests, making it easy to test your application's behavior under different circumstances. In this article, I'll show you how to use MSW to test your APIs, step by step.
React How to Setup Commitizen and commitlint with React project
In this article, we'll see how we can add commitizen to our react project. As developers, most of the time we're expected to work in teams. And having a few best practices and standards within the teams always helps avoid unnecessary inconsistencies. We'll be looking into one such area today, and we're going to focus on Commit messages.
React How to Implement Dark Mode in your application in 3 easy steps
In this article, we're going to see how we can implement dark mode in our website. Before we get into the meat and potatoes of the article, lets try and understand why we might want to implement Dark Mode.