AngularJS, MEAN

Node Version Using .nvmrc

Introduction When we are working with multiple Node.js and React.js projects, managing different Node versions will be very challenging. There is a tool that is simple and powerful that saves us from version-related problems which is the .nvmrc file. This tool ensures that every React.js and node.js project uses the right node version....

by najmuddin.kaishar
Tag: React.js
06-Mar-2024

React.js

Using React’s useMemo Hook

Introduction React has many built-in useful hooks that you can use in your application. With the release of React 16.8 introduces a new hook that is useMemo. This hook improves the performance of your application. What Is useMemo() useMemo() hook in React significantly improves the performance of your components. This hook is designed...

by najmuddin.kaishar
Tag: React.js
21-Jan-2024

React.js, Technology

React Hooks: State and Effects Guide

React Hooks were introduced in version 16.8 to revolutionize how state and other React features are handled in functional components, eliminating the need for class components. They provide a clean and intuitive way to manage state, side effects, and access key React functionalities. This article will delve into...

by mansi.teharia
Tag: React.js
21-Oct-2023

Drupal, Front End Development

OTP Verification through Mobile Number using Javascript

Verifying a One-Time Password (dru) typically involves comparing the OTP a user provides to the one generated by a trusted system or service. OTPs are commonly used for authentication and security purposes. Here's a general outline of how to verify an OTP. User Input The user provides an OTP through an application. Generate an OTP ...

by mohd.ebrahim
Tag: React.js
26-Sep-2023

Front End Development, MEAN

Context API as State Management in React Applications

Let's first start with what state management actually is? State management refers to the methods and techniques used to handle, organize, and share data within a React application. It involves the systematic management and manipulation of data, ensuring seamless integration and synchronization across various components. State management...

by rahul.vashishtha
Tag: React.js
25-Sep-2023

Front End Development

Tailwind CSS: Learning For Absolute Beginners

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

by mohd.ebrahim
Tag: React.js
06-Feb-2023

Android, Front End Development

How to Achieve React Native and iOS Bridging?

We love sharing our learning from the project. Recently, in one of our development projects, there was a need of bridging between iOS or Android and react-native. We were required to integrate the apple map with our application by writing the code in native iOS where the application would interact with the operating system. Once we get...

by Priya
Tag: React.js
09-Mar-2017

Front End Development, Mobility

Write once use anywhere : React native components

React native is the latest cool thing in mobile development world now a days backed by super cool “Facebook”. People are trying their hands more and more on it. This blog is for all those people who have just started working on React Native and looking for modularizing their code into component based architecture for re-usability. ...

by Sakshi Tyagi
Tag: React.js
29-Sep-2016

AngularJS, Front End Development

React JS vs Angular 2

In this blog we are going to discuss in summary, difference between the two most popular JS (library/framework) i.e Angular 2 and React JS On the very first note, React JS is just a library and Angular 2 is a whole framework (which is still undergoing changes). But we can have a comparison for both. 1. Component: Both React and...

by Vishnu Shekhawat
Tag: React.js
24-Jul-2016

Front End Development, Mobility

Working With React Native : Part#1

Introduction React is based on JavaScript created by a collaboration of Facebook and Instagram, It was introduced in 2013. Its main focus is to allow developers to create front-end interfaces easily and rapidly. React isn’t a complete framework. It does not offer various components you’ll find in projects based on Ember or Angular...

by Shivang Goel
Tag: React.js
16-Jun-2016

Technology

Building ES6 React Component from ES5 Components

We are in a growing technology world and ES versions are evolving very fast. I was working in a react project with ES5 but we had to revamp our ES5 components into ES6 components and I have faced so many problems at each point. So in this blog I am trying to cover some basic steps for how to convert ES5 react components to ES6...

by Mahima Agrawal
Tag: React.js
02-Feb-2016