Hello World! Functions are a key feature of JavaScript programming that allow developers to create modular, reusable code. In this post, we’ll explore the basics of functions in JavaScript, including function declarations, function expressions, and named function expressions. …

Hello World! The “Tabulator key” commonly known as the “Tab” key has multiple purposes, depending on where it is being used. For example, if we hit the tab key in a spreadsheet, it would move the cursor one cell rightwards. If we hit it in a text editor or word…

Web Vitals are the speed metrics used for measuring the user experience on web pages. Core Web Vitals are the subsets of the Web Vitals, which are focused on measuring the following aspects: Loading Interactivity Visual stability The Core Web Vitals are not only for better user experience but also…

Hello World! As a developer, we are using Git commands every day. Here is a list of top Git commands that you should know. Before jumping into the commands, let’s see an overview of Git. What is Git? Git is an open-source distributed version control system. In simple words, it is a DevOps…

Hello World! In this article let us see about the React functional components and the React hooks. Before diving into the Hooks, let us first see about the Stateful components and Stateless components. Stateful Components vs Stateless Components Stateless components are also known as Functional Components in React. …

Hello World! Let us see how we can send emails just by calling an API. Prerequisites Fundamental knowledge of Javascript, Node.js, and Express.js. Gmail Account Node Editor of your choice (E.g. VS Code) Postman (To test the API) Gmail Configuration To send emails from API, we need to configure Gmail with the below…

Props vs Context Hello World! While developing an application, we may need to pass data from one component to another. Sometimes the scenario would be a little complex where we need to pass data from nth children of component X to mth children of component Y. Using “Props” is one of the ways…

Hello World! Let me show you how we can create a header, that shrinks when we scroll down and expands when we scroll back to the top. Steps to achieve the goal Listen to the page scroll. When scrolled beyond a point, shrink the header. When scrolling back to the top, reset the header to…

Hello World! When we work with forms in React, we may encounter an issue where we won’t be able to type in the input field/text box if the value property is set. I would be showing what is the actual issue and how I fixed it. Scenario Requirement I have an API…