With some real-life example of common mistakes

Image for post
Image for post

Recently I had the privilege to short-list some candidates for a technical interview. Short Listing was not so fun as thought it would be. It took long hours. There were around 230 resumes and only 8 were short-listed for interview.

Now I am trying to gather my thought process from the other side of the road. Hopefully, these will help to make my own(and maybe yours) resume better.

Let’s get started!

1. Most Common Mistake

The position was open for a nodeJS developer (with optional nestJS experience).

But 30% of the Resume’s didn’t even have the word node or javascriptin them. …

Habits that make the difference

A man sits at a laptop coding.
A man sits at a laptop coding.

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…

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

Image for post
Image for post

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


And with it, 3 years of work.

Image for post
Image for post

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…

Simple but Powerful

Image for post
Image for post

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…

A gentle introduction for beginners

A calligraphy pen resting on an empty notebook.
A calligraphy pen resting on an empty notebook.

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. …

Image for post
Image for post

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.

5 Useful Techniques You Can Use Today!

Image for post
Image for post

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. …

It’s easier than you think!

Image for post
Image for post

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. …

In 2 different ways

Image for post
Image for post

Today in the presence of some awesome serverless cloud solutions like AWS and Firebase, handling file upload has become a piece of cake. Today we will see how we can quickly create an S3 bucket and upload files directly from our front-end React application.

Pre Requisites

  1. An AWS Account
  2. Basic Understanding of ReactJS

Let’s get started!

Step 1. Create S3 Bucket

Log in to your aws console. Search for Amazon S3 and click on Create bucket.

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