Knoldus Blogs

Why do we need useMemo and useCallback?

December 19, 2022December 19, 2022ReactJSReactJs

Reading Time: 3 minutes Understanding the Terms: useMemo vs useCallback useMemo useMemo is very similar to useCallback. It accepts a function and a list of dependencies. But the difference between useMemo and useCallback is that useMemo returns the memo-ized value returned by the passed function. It only recalculates the value when one of the dependencies changes. It’s very useful if you want to avoid expensive calculations on every render Continue Reading

Web Accessibility in React

December 14, 2022December 19, 2022JavaScript, React, ReactJS, Tech Blogs, User Interface (UI), Web, Web Application, Web Standardfrontend, Javascript, ReactJs, Studio-Frontend

Reading Time: 3 minutes What is Web Accessibility? Web Accessibility, also known as A11y ( Cause there are 11 letters between “a” and “y” ), is the idea that a website should be usable by people irrespective of their physical disability or internet bandwidth speed, or socio-economic shortcoming. So making our compatibility with keyboard support and screen readers makes it possible for users with visual or motor disabilities to Continue Reading

How to Get started with Next.Js

December 6, 2022December 19, 2022JavaScript, React, ReactJS, Tech Blogs, User Experience, User Interface (UI)frontend, Next.Js, ReactJs

Reading Time: 5 minutes In this Blog, we will be discussing what and why of Next.Js along with the creation of a Next.Js app. We will also be learning the usage of different files and folders that create-next-app provides us at the time of app creation. So, stick to this blog to gain a conceptual understanding of Next.Js. What is Next js? According to the Documentation, Next Js is Continue Reading

Usage of Axios in React Applications

December 23, 2020December 23, 2020CSS, HTML, React, ReactJS, User Interface (UI)html5, ReactJs

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 Hooks: useState – Part 2

July 6, 2020July 6, 2020JavaScript, React, ReactJS, User Interface (UI)React, React Hooks, ReactJs

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

June 15, 2020June 15, 2020React, ReactJS, Redux, User Interface (UI)#channels in redux-saga, #react-redux, #redux, #redux-saga, React, ReactJs, 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

May 29, 2020June 1, 2020React, Reactive Application, ReactJS, User Interface (UI)#react-redux, #redux, #redux-saga, React, ReactJs, reactjsx

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

May 5, 2020May 5, 2020React, Reactive Programming, ReactJS#react-jsx, #react-redux, #redux, #redux-saga, React, ReactJs, 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

Progressive Web App Testing with Cypress.io

November 29, 2019December 23, 2019Studio-Scalaangular, Angular application, angularJs, Cypress.io, end to end, functional testing, Integration Testing, ionic framework, ionic1, ionic2, Progressive Web Application, React, ReactJs, Testing, vue

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

April 9, 2017August 14, 2018HTML, JavaScript, React, ReactJSReactJs

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

July 19, 2015AJAX, Akka, Bootstrap, CSS, Future, JavaScript, jQuery, Play 2.4.X, Play Framework, React, Reactive Application, ReactJS, Studio-Scala, TutorialAjax, Anorm, application, Bootstrap, Clean code, Code Quality, Eclipse, functional programing, Javascript, jquery, JSON, play, Play framework, Public Cloud, React, ReactJs, sbt, scala, UI, Web, 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