Git Branching and Merging for beginners.

As my previous blog on Basic Git knowledge for beginners focused on basic git commands and pushing your code to github, this tutorial will focus on creating multiple branches and merging them together. After creating the main branch and adding some code in it, we want to change some part of the code in the main branch. …

Git Branching and Merging for beginners. Read More »

React Forms with React Hooks with Password Show/Hide functionality.

In this tutorial lets see how we can create a React form with React Hooks with the functionality showing and hiding passwords without any external react-form npm packages. The final working prototype we are gonna achieve. If you want to know how to get started in react see my previous article Creating a new react app. …

React Forms with React Hooks with Password Show/Hide functionality. Read More »

Chrome Extensions Every Frontend Developer And Designer must have

n this tutorial I am gonna list the chrome extensions you must absolutely have. Whenever you enter a new website and get fascinated by how well the frontend developer has designed it, the color selection, the font family and its size, you have to go to devtools to know what are they. 1. What-font? This one …

Chrome Extensions Every Frontend Developer And Designer must have Read More »

Media-queries for beginners.

In this tutorial, we are going to learn about CSS media queries. When Steve Jobs first introduced iphone, little did website developers and designers knew they would shift from desktop only to mobile-first development. Since then Media queries have become a mandatory concept for frontend developers to know about. So lets learn it. What is …

Media-queries for beginners. Read More »

Universal CSS properties everyone must use.

When I came across youtube tutorials, I stumbled upon a CSS concept called universal css properties. Lets learn about them in this tutorial. First lets talk about CSS’s universal selector property. This * selector applies to each and every element in the html file. So thats why these properties are called Universal CSS properties. :before …

Universal CSS properties everyone must use. Read More »

Changing Headers in React with react-helmet.

Stuck while changing your react app’s header? This tutorial is going to help you solve that issue. We are going to use Helmet which is a npm package used to include ‘head’ tags in react.js websites. In terminal use the following code, to install react-helmet package. npm install react-helmet After installing react-helmet, In App.js we …

Changing Headers in React with react-helmet. Read More »

Creating a new React-app with create-react-app

After watching react tutorials from Udemy and Youtube , you have decided to create a boilerplate react app and you are getting into some trouble while using npm package called create-react-app. This tutorial will make sure you solve those issues. Step 1: Forget all the steps you had done before and start fresh with below …

Creating a new React-app with create-react-app Read More »