Introduction In the world of React, efficient rendering and performance optimization are the keys to success. One of the most important concepts that plays a key role in React state updates is State Batching/Automatic Batching. This mechanism was introduced in React version 18, which significantly impacts the application’s performance and management of the state updates. […]
Introduction Integrating React with Drupal 10 API is crucial for modern web development, offering a seamless blend of robust backend capabilities and dynamic frontend interfaces. Emphasizing the need for security measures is essential to safeguard user data and ensure smooth functionality. React and Drupal 10: A Powerful Combination React is a JavaScript library for building […]
In the dynamic field of web development, presenting schedules and events in an intuitive and user-friendly manner stands as a pivotal requirement. Enter React Big Calendar, a highly acclaimed scheduler component library renowned for its robust solutions. Offering a plethora of customization options, interactivity, and feature-rich functionalities, React Big Calendar empowers users to effortlessly create […]
What are Feature Flags? Feature flags (also known as Feature toggles, Release toggles, Feature Bits, Feature flippers, or Feature switches) are a powerful software development technique that allows you to enable or disable a functionality during runtime without changing code or requiring a redeploy. At a code level, feature flags take the form of simple […]
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 […]
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 […]
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 […]