ReactJS

Understanding useReducer in React

Reading Time: 3 minutes Introduction Hooks are the new features added in React 16.8. They let you manage the state without writing a class. There are various hooks provided by React. One of them is useReducer. In this blog, we will understand useReducer and how we use it. What is useReducer? useReducer is the alternative to useState and is preferred to use when you have some complex states or Continue Reading

Working with useState in React

Reading Time: 4 minutes Introduction Do you have data in your component which changes over time? And by using normal variables you are not able to reload your component. This issue can be easily resolved by the useState hook. This hook reloads the component whenever there are any changes in the state thereby updating your user interface with the latest value. That is the changes enable reloading the component Continue Reading

JavaScript Series, Let’s Deep Down To It, Part 1

Reading Time: 3 minutes In this blog we are going to learn what is JavaScript, why uses JavaScript. Now I am starting the JavaScript Series, one by one we are going to deep down to it and exploring every concept of it. What is JavaScript? JavaScript is a text-based programming language used both on the client-side and server-side that allows you to make web pages interactive. HTML and CSS Continue Reading

Usage of Axios in React Applications

Reading Time: 6 minutes In this blog, we will see how to work with Axios in a React application to make GET, POST, PUT, and DELETE requests to perform CRUD actions. Axios is a popular, promise-based HTTP client that sports an easy-to-use API and can be used in both the browser and Node.js. A very common task of a web client application is making HTTP requests to API and Continue Reading

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