Git commands cheatsheet📁

Basic Commands

Creating repo

The Essentials — When working with git on your own or with others

Docker commands that developers should know

Docker is an open platform for developing, shipping, and running applications. Docker enables you to separate your applications from your infrastructure so you can deliver software quickly. With Docker, you can manage your infrastructure in the same ways you manage your applications. By taking advantage of Docker’s methodologies for shipping, testing, and deploying code quickly, you can significantly reduce the delay between writing code and running it in production. In this post, I will mention docker commands which we need or most of the use-cases.

Lifecycle Commands

docker create [IMAGE]
docker rename…

The Facebook team has released an upcoming plan for React 18 features.

The Facebook team has published the plan for React-18. There are many exciting features that are provided out of the box by React. These are not only enhancing the user experience but also making developers’ lives easier. So, here are the three main features which are going to be released this time.

1. Automatic Batching

Batching is when React groups multiple state updates into a single re-render for better performance.

For example, if you have two state updates inside of the same click event, React has always batched these into one…

React is an amazing JavaScript library for building user interfaces and is well suited for developing large and small apps built to get the highest performance possible today on the web. But sometimes we as a developer end up doing things that result in the poorly performing app.

In this post, I have put together React-specific best practices to boot runtime performance. Also, apart from React. My intention in this post is just to list down the best practices and avoiding the detailed explanation thus keeping the post small.

Identify Performance Issues

In react-dom 16.5+ the React team has provided enhanced profiling capabilities…

Hooks have been really gaining a lot of popularity from the first day of its release by the Facebook React team. If you have any experience with class components then you can really understand how hooks make a React developer’s life easier. Lots of libraries like Vue, Svelte are adopting hooks to extends their features.

But on the other side, there is a lack of clarity about its uses. So, with the help of this article, I will try to make things easier to understand for you.

What are Hooks?

Hooks are a new addition in React 16.8. They let you use state…

In this article, we cover the all-important yet so confusing topic in JavaScript which is the “this” keyword.

If “this” scares you, do not worry! We will learn how to determine the value of the “this” keyword using five simple rules.

Those five simple rules are as follows:

Don’t worry about these scary names. Computer Science people have a fancy for naming terms…

Just like every year, Javascript brings in new features. This year javascript is bringing 4 new features, which are almost in production rollout. I won’t be wasting much more time and directly jump to code with easy to understand examples.

Use the latest node version, if you want to play around with these features. 15.8.0 worked fine for me.

Once the compatible node version is available, simply create a new JS file, and let’s get started.

Replace all — Global replace

const str = 'Do yahoo people use yahoo search?';
const newStr = str.replaceAll("yahoo", "Yahoo!");
/**** Output ****/// Do Yahoo!people use Yahoo!search?
let str…


Just before Christmas, the React team gave an early Christmas present, Server Components a.k.a the zero bundle size components. Let’s have a look at what they are, what they bring to the table, and my thoughts.

Before we start, just want to let you know that the best resource for a deeper understanding would obviously be the RFC and the introduction video from the React team. I put this together for people who are light on time and to share my thoughts and understanding.

You can find the entire source for this post here. It’s a fork of the actual…

Hi friends, in this post we will see what is meant by the closures and why it is so important for every developer to understand it. Closures are one of the most important topics when it comes to javascript or front-end interview preparation.

Now let's talk about what exactly the closure is?

The closure is nothing but the function along with its lexical scope environment. I hope you are familiar with what lexical scope is?

Let me give you a simple example of closures. Suppose we have a function called inner() nested inside another function called outer() and we want…

In the 2020 COVID pandemic, most enterprises have realized the importance of creating an effective digital presence. While some businesses used digital presence to promote their services and business continuity, other companies used the latest trends to stay ahead among competitors. One of the most popular and widely used platforms is Node.JS, which is widely used for the development process.

What is Node.JS?

According to Wikipedia, Node.JS is an open-source, cross-platform, back-end, JavaScript runtime environment that executes JavaScript code outside a web browser. It helps to produce dynamic web pages.

Manish Johar

Javascript Dev

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