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 […]
Choose a module name: Choose a unique name for your module that reflects its purpose. For this example, we’ll use “custom_module”. Create the module folder: Create a folder with the same name as your module in your Drupal installation’s “modules” directory. Create the module file: In the module folder, create a file with the same […]
Create a custom module: If you haven’t already done so, create a custom module in Drupal 10. You can refer to the previous question for a step-by-step guide on creating a custom module. Define the routing file: In the module folder, create a new file with the extension “.routing.yml”. This file defines your module’s page’s […]
The Migrate API provides services for migrating data from a source system to Drupal 9. Migration is an Extract, Transform, Load (ETL) process. In the Drupal Migrate API the : Extract phase is called the source Transform phase is called the process Load phase is called the destination It’s critical to realize that although in […]
Aim The aim of this is to obtain a new Drupal role (vetted) after verifying what the user who applies understands about writing secure code that follows the Drupal coding standards and correctly uses the Drupal APIs, following the Drupal best practices. While the application requires users to choose a project they created and for which they committed the […]
What is Tailwind CSS ? Tailwind CSS is basically a utility-first CSS framework. Rapidly build modern websites without ever leaving your HTML. With utility classes, We can style elements on hover, focus, and more. It is a highly customizable, low-level CSS framework. This CSS framework is packed with classes like flex, pt-4, text-center and rotate-90 […]
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 […]
Creating editorial workflow using content moderation is used to speed up the publishing process. Imagine a website has 10 content types, hundreds of contents for each content type, and daily contents are updated or added by a single admin user who has the publish and unpublish permission. So admin user can verify and publish each […]
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 […]