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. Here are some things that separate a great developer from an average one.

1. They Don’t Use Index as the Key

When we render a list, usually we get a warning saying that we need to provide a key for each list item. We lazy people often use the index as the key.

Something like this:

But in the React documentation, they…

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 deeper. So buckle up!

1. Project Structure

When I started with React it was intuitive for me to keep files by their types. Bus as I had the privilege to work on some larger projects I understood how difficult it can be to navigate through your files as any project grows bigger

Take…

The year was 2018. We were about to graduate. We had a great idea which we thought would make us billionaires (spoiler: It didn’t).

But once a great mind said that a great idea itself doesn’t count. You need execution.

So needed to build the damn thing. And we had to do it fast. But we were a team of only 4 members.

So we all started doing our research (Google Search Mainly 👊) to find out the fastest and easiest way to build something that we could ship to millions of our customers overnight.

The answer was Firebase. We…

Authentication is one of the first aspects of any modern web application that you need to take care of as a developer. Fortunately, today we have so many great solutions and one of them is AWS Amplify.

Today we will use this service to create a simple React application. Our objective is to

• Install and Configure Amplify CLI on Our Machine
• Create A Basic React Project
• Add User Authentication to it
• Deploy it Into the Cloud

Let’s get started.

What is AWS Amplify?

AWS Amplify is a service that is managed by AWS itself. It takes care of most of the common functionalities of…

For a long time, like all other self-proclaimed rock-star programmers, I ignored testing. Maybe that’s because it seemed pointless at the beginning. Maybe I was afraid of it. And I know many of you are just like me!

Don’t worry — React has an awesome library named react-testing-library that’s made testing React components very easy and intuitive. It’s also the recommended way of testing in React.

Today we’ll explore that. Let’s get started!

1. Create New Project

First, scaffold a new React application with create-react-app.

npx create-react-app learn-testing

When you create a project with create-react-app, the testing setup is automatically there for you. …

We are not in the business of programming because we like people :p. Many of us (including me) are very introverted and shy. We often spend most of our time in front of monitors ignoring the outside world even exists!

But guess what! Nobody cares how good you are before they know about it. And how will they ever know? You have to self-promote yourself. But don’t worry.

There are lots of ways of self promotion without being a jerk!

Today I will share 5 ways to improve visibility as a software engineer. …

Programming is often considered a craft rather than a job. There are good reasons for it too. We as developers should always try to achieve the best quality in any software we write. And there are some awesome principles to follow as a blueprint. One of my favorites is: “DRY — Don’t Repeat Yourself”

Today I will share 5 techniques that I use personally to avoid duplication of code in my project.

1. HTTP Calls

fetching data from some remote store is one of the most common tasks in any modern React application. Beginners do a lot of mistakes in this. …

Downloading PDF is a common use-case in modern front-end applications. But building PDF on the client-side can be painful. In React we have some awesome libraries like react-pdf/renderer to help us.

Problems With the Traditional Libraries

react-pdf/renderer is an awesome library and provides lots of customization. but it comes with its own cost. For example

• You have to design a separate component for your PDF document
• Sometimes the rendering fails if you don’t handle edge-cases properly
• You have to style separately and according to their specification.

All of these are okay if you want to build a data-heavy and customized PDF. …