Category Archives: React

Performance optimization with useMemo and useReducer

React Hooks introduced some memory optimization hooks to improve performance. Data Hooks are hooks which store data. You store data that the specified portion of the UI specifically relies on for visual changes and memoize/cache data that a given portion UI don’t directly rely on for visual changes.  Storing is different from memoizing/caching. There’s a Continue Reading »

Lifecycle Methods

Today we are going to discuss React life cycle methods. What are the lifecycle methods and how these lifecycle methods work? Let’s start by creating a basic component (say Hello world) which we all have created as a beginner.

When this component is rendered and viewed on the browser. it will show  “Hello World” in Continue Reading »

Working of React Portals

ReactJS is one of the most powerful Javascript frameworks out there. It has a lot of small features that help build amazing user interfaces. React Portals is one such feature. They were introduced in version 16.0 of React. React Portals are the child elements that won’t stay with the parent root node. The use cases Continue Reading »

Build and Deployment Configuration Flavors in React Native

At the point when you don’t have a server-side programming foundation, environment variables can appear to be a touch of enchantment. That absence of information smacks you in the face when you’re finished making todo applications on your localhost and attempt to make a production build for the application. The issue we’re illuminating:  Step by Continue Reading »

MobX in React

MobX is the new upcoming state management solution. This blog is all about how to create a simple React-Native app using MobX. MobX is fast in speed than Redux, its easier to learn & requires less boilerplate code. Here are some of its main concepts Stores: Stores create data sources. A store is basically an Continue Reading »


Understanding Of React Fiber Architecture

React v16.0 was released with an update to react core algorithm. This new core architecture is named “Fiber”. Facebook has completely rewritten the internals of React from the ground-up while keeping the public API essentially unchanged, in simple terms it means only changing the engine of a running car. With this release, some new features Continue Reading »

Basic Fundamentals of Redux

Redux is a library which is use to maintain state of the application at application level , it reduces complexity of managing different states of the components when app is getting comparatively larger , it provides the privilege to maintain state of different components efficiently. Redux works on three basic principles 1) “Single source of Continue Reading »

Getting Started with React Router

Routing concept is very importance in almost every web application’s architecture, which could not be left out in the React. Power of routing enables us to make a full fleshed single page applications with React. We can make use of React-Router for Routing in React. Setup and Installation We need: Node.js  and npm. create  a new project. React Router Continue Reading »

React Component Lifecycle

All the react component goes through a lifecycle which enables you to perform a specific task at any specific time. In order to achieve that you can override the life cycle methods. Methods prefixed with will are called right before something occurs (events), and methods prefixed with did are called right after something occurs. Let us understand Continue Reading »