An in-depth guide on how to choose the perfect npm package

Photo by cottonbro from Pexels

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

Woman with index finger over mouth
Photo by Diana Polekhina on Unsplash.

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 talk about some best practices to follow to improve your React application’s health. These rules are widely accepted. …


Practical advice for designing REST APIs

Rest API Design Best Practices
Photo by Andrea Piacquadio from Pexels

Ever got 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…


Habits that make the difference

A man sits at a laptop coding.
Photo by Danial Igdery on Unsplash

Getting the job done is the most important thing in software development. But how do you separate yourself from others? Well, from my experience, I can say the difference is in the approach.

Over the years, I’ve worked with a number of React developers. …


If you’re writing enterprise-level code, you need to know this

Photo by Dan Dennis on Unsplash

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…


Take full advantage of static site generation.

Image by Mudassar Iqbal from Pixabay

We all love Next.js for the ability of server-side rendering. But we often fail to take advantage of the awesomeness of the static generation.

If designed properly, we can pre-generate almost every page of a website, and thus, our website acts as a static website. Fast and SEO-friendly.

But there…


Everything you need to know about environment variables in Next.js

Credit: Pixabay Free Photos

Handling multiple environments is an absolutely essential part of any modern application. We don’t want to mix our secrets while developing and going to production.

Today, we will see a practical example of how to manage multiple environments in the Next.js application via environment variables.

Let’s start.

Step 1: Create a Project

If you already…


Accepting and processing payment for your business was never this easy!

Photo by Ivan Samkov from Pexels

Smart people need smart solutions. And Stripe is a smart solution for accepting payments for your digital product/service.

Today we are going to integrate Stripe with a React application. We will need a small Express backend for this purpose as well. But don’t worry. We will make everything from scratch.


Which one should you choose for your next project?

Photo by Vera Arsic from Pexels

Most modern web applications are dependent on some external data source. And in React, we generally use fetch or axios to get the data from the remote endpoints.

However, these 2 libraries only do so much. …


Drastically improve the user experience with less code.

Photo by Wendy van Zyl from Pexels

If you are a React developer, you must have wished of having a library for managing all the API calls.

I am not talking about fetch or Axios. Rather a library to manage all the loading state, prefetching, caching, pagination, validation, etc.

Well, I have good news for you. Today…

Mohammad Faisal

Passionate about Clean code and SOLID Architecture

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store