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 […]
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 […]
DrupalFront End DevelopmentReact.js
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 […]
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 […]
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 […]
DrupalFront End DevelopmentNode.js
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. It reduces the time and effort required for repetitive tasks, making it an essential tool for teams working on custom web application development and scalable digital solutions. Hundreds […]
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 […]
There may be a need to pass a variable, checkbox settings, or some global settings from drupal to react. This can be achieved by passing data from drupal into an API and consuming the same API in react. But why call an extra API when we can achieve it without it? We will be using […]
React is a JavaScript library that makes it painless to create interactive UIs. Unfortunately, embedding React into a Drupal site is not straightforward. In this article, I will show you relatively simple methods of how to do so. React can be integrated with Drupal in 2 ways: Fully decoupled Partially Decoupled (Loosely Coupled) Fully Decoupled […]