Front End Development, React.js, Software development

Event optimization using debounce

What is Debounce? Debounce is an optimization technique to reduce the frequency of repetitive function calls. It is especially suitable for cases where we have some function that can be called multiple times within a short duration, but only the latest execution result is required. There are many ways to implement it. The general concept […]

August 23, 2023

Front End Development, React.js

A Beginner’s Guide to Redux Toolkit Query/RTK Query

RTK Query is a set of utilities, a powerful data fetching and caching tool. It is an additional package provided by Redux Toolkit that enhances Redux by adding data fetching and caching capabilities.  Data fetching and state management are simple to incorporate in the Redux application by the smooth integration with Redux Toolkit. Key Aspects […]

August 17, 2023

AEM, Java, React.js

Building Custom Components in AEM SPA Editor with ReactJS: A Step-by-Step Guide

Introduction Adobe Experience Manager (AEM) is a comprehensive content management solution for building websites, mobile apps, and forms. It makes it easy to manage your marketing content and assets. One of the powerful features of AEM is the Single Page Application (SPA) Editor, which allows developers to create more fluid and responsive user experiences. In […]

July 28, 2023

Front End Development, React.js

Using WebOtp API in Nextjs / React

In today’s applications, we have observed that when logging in or performing sensitive tasks online, we receive One time passwords on our registered phone numbers to secure this activity. But as a user, it is a bit vexing to remember that code and then type that into the required fields. At the same time, we […]

July 18, 2023

Drupal, Front End Development, React.js

Tailwind CSS: Setup Tailwind With React

Setup tailwind with react 1. create your project folder Open the terminal and navigate your created project, and then run the below command npx create-react-app react-demo. Once reactdemo app has been created, >> go to the react-demo folder >> run the “npm start” command 2. Install Tailwind CSS and generate the configuration file >> npm […]

April 30, 2023

React.js

React : UseState vs UseRef

With the introduction of functional components in React, state and lifecycle management has become much simpler than it ever was using class-based components. To have the same state, useState hook has provided the most easy-to-use implementation. But do we need useState in all scenarios because each state change causes a rerender of our application? Is […]

April 5, 2023

React.js, Software development

Creating a simple dynamic form using data from strapi-cms

In my previous blog, I showed how we could create a collection in strapi that could further be used as input data to a dynamic form component to render a form as per users requirements. Create a React Project  Create a project using create react app. Refer https://reactjs.org/docs/create-a-new-react-app.html in case of any issues. Install axios […]

February 9, 2023

Drupal, Front End Development, Node.js

Introduction to Gulp.js: Beginner’s Guide

INTRODUCTION Gulp is an open-source Javascript toolkit and task runner which is built on Node.js and NPM and used for the optimization of time-consuming and repetitive tasks. Hundreds of plugins are available for different tasks You don’t have to program everything by yourself, there are nearly 800 plugins ready for Gulp.js. But even more, Node.js […]

January 24, 2023

Drupal, React.js

Loosely Coupled: Open Drupal Ajax dialog boxes from React via Drupal Behaviour

Dialogs are a quick and easy way to display additional information without reloading the entire page. Dialog boxes can display just some static text, any node or form of your page, a views page, or any custom markup you’ll feed them. In order to open some link/node/page in a modal window, you can add the […]

January 3, 2023