ReactJs

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

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

Virtual DOM in React

Reading Time: 4 minutes In the Browser world, you often hear people talking about the Browser DOM and DOM Manipulation and soon. In the React world, you often hear people talking about the Virtual DOM.   What exactly is the Virtual DOM and how is it different from the Browser DOM,  and why do we have a Virtual DOM? So you will get all the answers to these questions after reading this Continue Reading

Progressive Web App Testing with Cypress.io

Reading Time: 4 minutes A few days back during a client presentation, we were discussing different tools that can help us to perform end to end testing of a web app developed on some emerging technologies like Ionic, React, Angular and Vue. I am a super fan of selenium for testing different web apps and also have used Protractor for testing some of the angular based applications but this Continue Reading

Hello React #2: Smallest Example in React

Reading Time: 2 minutes Hello Folks, In our previous blog post – Hello React #1: Creating a Single Page Application with React, we saw how to create a SPA with React. But, we didn’t got into its details. Here is the link for a quick recap. Before we start building production grade applications with React, lets create a small example in React which would give us an idea, as to Continue Reading

Getting started with ReactJS, Play 2.4.x, Scala, Anorm and WebJars

Reading Time: 2 minutes playing-reactjs This blog describes a basic example to render UI using React(A JavaScript library for building user interfaces) with Play 2.4.x, Scala, Anorm and WebJars. It also demonstrates the use of evolution in Play 2.4.x This is a classic CRUD application, backed by a JDBC database. It demonstrates: Handling asynchronous results, Handling time-outs Achieving, Futures to use more idiomatic error handling. Accessing a JDBC database, Continue Reading

Mastering in Frontend : Getting Into Concepts – Part 1

Reading Time: 5 minutes All about AnguarJs, ReactJs, BackboneJs, JQuery and other libraries, from the intro to the actual concept.