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, 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

Drupal, React.js

Loosely Coupled: Pass data to React app via drupalSettings

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 […]

December 29, 2022

Drupal, React.js

Loosely Coupled: Integrate React JS into Drupal sites

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 […]

December 27, 2022

React.js

Fetch vs. Axios for making HTTP requests

What is API? Why do we need them? API stands for “Application Programming Interface,” which is a software intermediary that allows two applications to talk to each other. APIs simplify how developers integrate new application components into existing architecture, they help business and IT teams collaborate. Business needs often change quickly in response to ever-shifting digital […]

November 29, 2022

Android, Hybrid, iOS

Choosing your Tech platform for your next Cross platform app – Flutter or React Native?

Selecting one or the other technology is always a matter of individual preferences but knowing which platform has what benefits can help in deciding the best option. In this blog, we are going to discuss two of the very popular technologies for creating cross-platform apps i.e. Flutter & React Native. Programming Languages Let’s start by […]

September 30, 2022

Front End Development, MEAN, React.js

Server-side Rendering vs Static Site Generation in Next.js

NextJs is a framework to build a full-stack application with features such as server-side rendering using React framework. Today, it has become a consolidated framework for building amazing web applications. There can be many advantages of Next.js as: Great for SEO. Image Optimization – Next.js provide its Image component that improves the performance of the […]

September 28, 2022