Improve user experience and performance in server-side rendering with React suspense — Server-side rendering is increasingly becoming popular among web developers. However, implementing server-side rendering in React applications did not meet the expectations and caused a lousy developer and user experience. As a result, React included React Suspense in their upcoming React 18 release to improve the performance of server-side rendering in…

Implement Secure Remote Password Protocol (SRP) in your web app — Passwords are one of the most used authentication mechanisms in web applications. But, using them in practice comes with security risks and complexities. So, in this article, I will discuss SRP, a Passwordless authentication mechanism to help you address some of the major security challenges in password authentication. What is SRP?

Setting up Apache OODT development environment with IntelliJ IDEA — Apache OODT is a configurable middleware that allows data managing, processing, and archiving for any subject domain. It was introduced by the Jet Propulsion Laboratory, NASA in 1998 to conveniently manage the planetary data across a number of universities and data collection points. …

What is Pulumi and how it’s transforming the Cloud DevOps landscape — Infrastructure as Code (IaC) enables developers to configure and manage the Cloud infrastructure programmatically. There are many different IaC tools in the market. But learning and adopting such a tool isn’t easy. Therefore an IaC tool with a minimum learning curve had always been a central point of discussion. Why Pulumi? Pulumi…

AWS Cognito integration with amazon-cognito-identity-js — AWS Cognito is an identity management service that helps developers implement authentication in their apps in lesser time. With Cognito, developers don’t have to spend much time and effort to build authentication flows from scratch and worry about scalability, security, etc. The common approach to integrate Cognito into a single-page…

Add cool features to your Chrome extensions with these APIs — Getting started with building Chrome extensions is easy, but most newbie developers get stuck halfway when trying to incorporate more advanced features into their extension. In my opinion, it is mainly because the Chrome extension API docs are full of heavy technical jargon and somewhat disorganized. …

Fullscreen API, Payment request API, and more explained in detail with example code — Browser APIs (or web APIs) are the APIs that come built-in with the browsers. They allow developers to perform complex operations without dealing with the sophisticated lower-level code. …

The mechanism that empowers real-time network communication on the Internet. — Sockets are the lowest abstraction for the programmers who are working in the network programming domain. There are primarily two ways (protocols) of how socket communication should occur. One way enforces a set of rules and mechanisms over the communication so that the probability of occurring an error is made…

#2 MemoryRouter — React-router is one of the most used routing libraries in React. It facilitates routing and navigation for both web (React.js) and mobile (React Native) so that we can rely on a single solution for all our navigation needs in the React ecosystem. However, most of us, especially the beginners in…