I am a Full Stack Developer working on web application development for more than seven years!
Scroll down for blog posts!
Click here for my resume.
React Hooks have become part of our production level applications after being released in version 16.8 in 2019. These hooks allow React developers to make functional components behave like stateful components and avoid Class Components.
useEffect is one of the most widely used Hooks allowing the developers to create conditional changes that reference the program state within a functional component. Let’s dig down more about how to use all three important built-in React Hooks.
Windows PowerShell doesn't come with any git command utilities. But we can extend it to a new level where we can utilize git commands efficiently. In this post, we are going to see how to add auto command suggestions on TAB, branch information, and a working directory in Windows PowerShell. To get that look at our default PowerShell, we will install two packages from PowerShell Gallery. To check what that Gallery is about click here. We will install posh-git and oh-my-posh packages as modules. The posh-git will provide prompt with Git status summary information and TAB completion for Git...
In order to survive, a project needs to sacrifice the quality for money and time. But in order to continue surviving, a software project needs to sacrifice money and time for the quality. In this post, we are going to see some good practices for developing REST API. We almost everyone already know the content of this document but we just do not follow them always. Let’s start following some good practices which would eventually lead us to become good developers as well as it would benefit the product itself.
React Hooks and Context API are two relatively new features that have been added to React from v16.8 and v16.3 respectively. In this post, I'm going to create an app that can perform CREATE, READ, UPDATE and DELETE utilizing Hooks and Context API together.This new concept was introduced in v16.8 which is an alternative to classes. The Devs who used React before are familiar with functional components and class components. Many of these features available to classes - such as lifecycle methods and state weren't available to React until Hooks were introduced. The new Hooks add those class...
There are a lot of time that we think before installing an app on our system if it is safe or not. In May 2019, Windows got a system update with Windows Sandbox feature. Basically it lets you use anything before installing it. This feature is available with version 1903. To be more specific, Windows Sandbox is a virtual machine which can be created on-demand using Microsoft‘s hypervisor technology. It’s a very lightweight environment using a resource of 100MB only, and it’s well optimized to boot and run faster. It focuses on security, and it’s an example of efficient usage of integrated...
Since the addition of ECMAScript in 2015, the overall state of the art of the development in JavaScript has emerged to a new height. The JavaScript language specification has been regularly revised with new features every year. The ECMA International is calling these features new ECMAScript 2020 or JavaScript ES11(see intro here). In this post, we are going to discuss a few new interesting features of those. LET’S DIVE INTO THE NEW JAVASCRIPT FEATURES
A new element was introduced in HTML5 which adds the progress-bar feature to native HTML. It allows us to show the progress of certain tasks, like uploads or downloads, basically anything that is in progress. In this post, we are going to customize and style the progress-bar with animation. It’s very simple to use the new element for progress-bar. This element can be added using tag in the code. This element has three attributes, , and . Sample HTML as follows:
There is a lot of time we need to customize input control. In this post, we are going to create a customized input-element with an icon before it. We will do it using only HTML and CSS. We are going to use a div element as a container for the input element. Inside our container, we will put the input element and our icon container. The icon container is also a div element. Here is our HTML:
After installing WordPress on Google Compute Engine, you might need a way to transfer files to the VM. It’s great to have worked on the local machine and upload the changes via file transfer protocol. File transfer protocol needs to be activated first. Then you can use it via any FTP client. The first obstacle you’ll face after setting up a VM instance is how to transfer files to your Google Cloud VM. It is very obvious because google cloud does not have any shiny option on their dashboard. The basic transfer option is hidden in the SSH section of your VM Instances. Other than the basic...
Probably Google Cloud is the third most popular provider for cloud infrastructure after AWS and Azure. As its name suggests, Google Cloud is provided by Google. In this article, we will learn how to install WordPress on Google Cloud Compute Engine. Before going into the details, there are few things to look at. There are a few basic terms we need to learn before we get with the tutorial. The idea behind this is to inform you of all the various products Google Cloud has to offer. Once you develop and interest in something you see, you can start building your own apps in them!