An in-depth guide on how to choose the perfect npm package — React is simply great. It’s popular and performant. But an important aspect of React is that it doesn’t come with all of the solutions packed in. That’s why we need to search for additional libraries which can be both good and bad. If you are a beginner, then you have…

Practical advice for improving code quality — React is very unopinionated about how things should be structured. This is exactly why it’s our responsibility to keep our projects clean and maintainable. Today, we will discuss some best practices to improve your React application’s health. These rules are widely accepted. As such, having this knowledge is imperative. Everything…

Practical advice for designing REST APIs — Ever get frustrated with a horrible API where everything’s a guessing game? Well, I have. In this world of microservices, a consistent design for your backend API is imperative. Today, we’ll talk about some best practices to follow. We’ll keep it short and sweet — so buckle up! First, Some Terminology Any API…

If you’re writing enterprise-level code, you need to know this — Over the years I have had the privilege to work on some large-scale react projects. Today I am gathering some essential things to keep in mind when building a new project or enhancing the functionality of any large scale application. We will start from the absolute basics and then go…

Use cases with React testing library, Redux, Router, etc — Testing is a really important aspect of any serious application. And testing is not only to improve the coverage, rather the main purpose is to test the real-world usage as closely as possible. Recently I had to set up the testing architecture for a large ReactJS project. Let me show…

A Guide to Navigating the World of Documentation Tools. Which ones are best? — In the world of software development, documentation is like the broccoli of the meal — not always the most exciting part, but it’s essential for a healthy project. Just like how broccoli can be cooked in many different ways to make it more palatable, there are many tools available to…

A step-by-step guide for absolute beginners — 3D graphics can improve the user experience of your application. It can make your application more attractive and engaging. It can also help you to explain your application better. Today we will demonstrate how to use 3D models in ReactJS using the react-fiber-three library. What is three.js? three.js is a 3D library that…

When to use it, When not to use it, and some Gotchas.’ — WebSocket is a technology that enables us to exchange data between the web server and a client in real time. WebSockets is a fascinating technology; every web developer should have at least a basic understanding of it. Today we will learn about WebSockets. We will also learn how to implement…

Let’s test a real-life application with Puppeteer in ReactJS — Puppeteer is a Node library that provides a high-level API to control Chrome or Chromium over the DevTools Protocol. It can be used to automate tasks in the browser, such as generating screenshots and PDFs or tracking user interactions. It can also be used for web scraping, testing, and crawling…