ReactJS

React Lifecycle

React Component Lifecycle

Reading Time: 5 minutes A react component has certain lifecycle methods in which we can insert our own code and execute it at a particular moment during the lifecycle of the component. A react component can go through different sets of lifecycle methods depending upon in which phase the component is. These Phases are Mounting, Updating, and Unmounting. Mounting Following is the order of execution for the methods, when Continue Reading

Reconciliation in React

Reading Time: 3 minutes Reconciliation in react is a process in which it provides a declarative API that keeps you away from the worry of what is changing on every update. When a component’s state changes, React has to verify whether they want to update the DOM or not? In this process, it creates a Virtual DOM and comparing it with the current DOM. In this context, the Virtual DOM will contain the Continue Reading

React Events

Reading Time: 2 minutes In this blog, we will be going to get an overview of React Events, these events occur on various actions like user action or system-generated events. For eg: window resize, web page loading, keypress, mouse hover, mouse click, and many other interactive actions are known as events. React consists of its own events handling systems which are very similar in the way we use to Continue Reading

Is GraphQL better than REST?

Reading Time: 4 minutes In this blog, we will be going to explain a brief difference between GraphQL and REST APIs, Why GraphQL comes into the picture, and give some benefits over REST APIs. So without any further delay let us begin with an understanding of brief about GraphQL and REST APIs. GraphQL is a new API standard that provides a more efficient, powerful, and flexible alternative to REST. Continue Reading

Use State React Hook

React Hooks: useState – Part 2

Reading Time: 3 minutes As we can discuss a lot about React Hooks in React Hooks: Introduction – Part 1. In this blog, we are going to discuss the useState hook in detail. As this hook let us use state without writing a class. This hook is the equivalent of this.state/this.setState for functional components. Declaring a state variable useState is a named export from react so to use it, Continue Reading

Channels in redux-saga

Reading Time: 3 minutes What are the channels? Are they useful to us in day to day programming? We’ll be going through this blog that channels are played really a major role in redux-saga. Channels: Channels are of 3 types which are used to perform 3 different things, here I will brief you about those channels here but will explain in detail a bit later. Action Channels: Action channel Continue Reading

Redux Saga Effects

Reading Time: 6 minutes Effects are the kind of utility that’s provided by the redux-saga package. when u invokes effects it returns object contains instructions which redux-saga interprets. The effects don’t have any special property outside the redux-saga application because it’s redux-saga that generates side effects like API call database or something else, The effect itself doesn’t actually do anything. If you don’t know how to create a Saga, Continue Reading

React Hooks: Introduction – Part 1

Reading Time: 3 minutes React hooks were introduced at React Conf October 2018 to introduce state management and side-effects in functional components. They have become a game-changer for a lot of developers. These hooks change the fundamental mindset because of switching from class-based components to functional components with hooks. In this blog post, we will get an overview of these hooks, with the look of how the same logic Continue Reading

Create your saga with redux-saga

Reading Time: 3 minutes After reading this blog, you will be able to understand the brief about what is redux-saga. Also you able to install, configure, and create the basic saga in your application. So, before we get any deeper, it’s important to note, that the actual term “saga”. A saga in general programming series of reversible transactions, the saga is designed to replace single huge, locking transactions. eg: Continue Reading

PReact – An alternative to REACT

Reading Time: 2 minutes PReact is a lightweight version of React. It is a fast 3kB alternative to React with the same ES6 API. It is the best alternative when performance, speed, and size are a priority, for example in the case of mobile web apps or progressive web apps. PReact itself is not intended to be a re-implementation of React. A lot of differences are there which are Continue Reading

Dockerizing a NodeJS app with Redis

Reading Time: 2 minutes Hi folks, in this blog I would walk you through how can we seamlessly dockerize a NodeJS app along with redis, So as we know that docker is a pretty decent way of streamlining and making the process of deployment easier, efficient and pluggable, so let’s gets started but before that, the prerequisite for the blog is a basic understanding of docker

Manipulating Server returned dates at client Side in Angular

Reading Time: 2 minutes Hey Visitor, Have you ever faced an issue with the date values on your website, when the date and time returned from server doesn’t change according to the client timezone , for eg. values returned from server at US will be different for a client at India so we need to manipulate the received time according to Indian Time Zone. So recently, I encountered this Continue Reading

Knolx: Introduction to ReactJs

Reading Time: < 1 minute Hi all, Knoldus has organized a 30 min session on 1st September 2017. The topic was “Introduction to React JS”. Many people have joined and enjoyed the session. I am going to share the slides here. Please let me know if you have any question related to linked slides or video. The slides of the KnolX are here: And Here’s the video of the session: Continue Reading