Make Transitions in React with Material UI
Reading Time: 3 minutes A transition is an animation usually used to move content in or out of view. Transitions help to make a UI expressive and easy to use.
How Does React updates DOM so Efficiently?
Reading Time: 3 minutes In the browser, DOM manipulation is expensive and time-consuming, both in mounting and unmounting. Part of what makes React very performant is its Reconciliation algorithm. In short, it watches closely for differences, only updates the DOM when necessary, and tries to update only the parts which need to be changed. In this blog, we will explore how DOM manipulation gets easier with the reconciliation algorithm Continue Reading
Serverless API with AWS Lambda, AWS API Gateway, and DynamoDB
Reading Time: 5 minutes Since we are using AWS cloud services, make sure you have an account for the AWS Console. Let’s start with some basic concepts of serverless computing and then will build serverless API. Introduction “Serverless computing is a method of providing backend services on an as-used basis”, i.e developers do not need to worry about writing the code for the server, creating the server, maintaining the Continue Reading
Web Accessibility in React
Reading Time: 3 minutes What is Web Accessibility? Web Accessibility, also known as A11y ( Cause there are 11 letters between “a” and “y” ), is the idea that a website should be usable by people irrespective of their physical disability or internet bandwidth speed, or socio-economic shortcoming. So making our compatibility with keyboard support and screen readers makes it possible for users with visual or motor disabilities to Continue Reading
The Ultimate Inventory of Http Response Status
Reading Time: 4 minutes Hi folks, Hope you are doing well.I am very happy to see you here again. So let’s dive into the ultimate inventory of the Http response status codes. Many times during the development we ignore the HTTP response while working with the APIs requests but all these response codes are really important to control the flow, logic, and mechanism. Introduction When a developer raises a Continue Reading
D3.js Bar Chart: Build Interactive JavaScript Charts and Graphs
Reading Time: 7 minutes Recently, we had the pleasure to participate in a machine-learning project that involved libraries like React and D3.js. Among many tasks, I developed a few d3 bar charts and line charts that helped to process the result of ML models like Naive Bayes. In this article, I would like to present my progress with D3.js so far and show the basic usage of this javascript Continue Reading
Working and functioning of Promises in Javascript
Reading Time: 4 minutes Promises In JavaScript, asynchronous operations are handled through promises. When dealing with several asynchronous activities, where callbacks might lead to callback hell and incomprehensible code, they are simple to manage. Events or callback functions were being used before the promises, but they provided limited functionality and resulted in unmanageable code. The callback hell that would result from having several callback functions would make the code Continue Reading
Modify The DOM Behaviour In Angular: Angular Directives
Reading Time: 3 minutes Angular is a client-side web app creation technology. There are multiple ways to manipulate DOM behavior in Angular, but today we are going to learn Angular, one of the most asked topics in an interview Angular Directives. Angular Directives One of the hottest topics in angular is angular directives. Angular directives are used to manipulate DOM( Document Object Model) or add new behavior. In Simple Continue Reading
Understanding the concept of Closures in Javascript
Reading Time: 3 minutes Introduction You must have worked with Javascript functions and closure is an essential concept of functions in javascript. So, in this blog, we will understand the concept of Closures in javascript and how it works. Firstly we will understand the concept of lexical scoping. Lexical Scoping Lexical scope is the ability of a function to access variables outside its scope i.e. from the parent scope. Continue Reading
How to use Hooks and Tags in Cypress
Reading Time: 4 minutes Hello Readers, Today we will learn about Hooks and Tags their significance, and how to use them in Cypress. What is Cypress? The Cypress tool is a JavaScript testing automation solution used for web automation. It enables teams to create web test automation scripts. This solution aims to facilitate frontend developers and test automation engineers to write web tests in the web language that is JavaScript for web Continue Reading
How to work on JavaScript with RegExp?
Reading Time: 4 minutes What Are Regular Expressions? This is a sequence of characters used to match character combinations in strings for text matching/searching. Regular expressions in javascript are search patterns (JavaScript objects) from sequences of characters. RegExp makes searching and matching strings easier and faster. How to Create RegExp Objects in JavaScript? Regular expressions in JavaScript are created with the RegExp object. Literal Notation Literal notation is one method of Continue Reading
Introduction to the Cypress Project Structure
Reading Time: 4 minutes Hi Folks,In this blog, we talk about the Cypress Project structure that is fundamentally and architecturally different from other test automation frameworks.We use this folder to store data objects or external pieces of static data that we use throughout the tests Cypress Folder Structure Let’s understand the folder structure in cypress project, it defines entire architecture and the workflow of whole system If we know Continue Reading
How to Perform Assertions in Cypress
Reading Time: 3 minutes Hello Readers, Today we will learn about assertions their significance, and how to use them in Cypress. What is Cypress? The Cypress tool is a JavaScript testing automation solution used for web automation. It enables teams to create web test automation scripts. This solution aims to facilitate frontend developers and test automation engineers to write web tests in the web language that is JavaScript for web test automation. Continue Reading