Reading Time: 3 minutes React is a well-liked JavaScript package that gives programmers more effective and orderly ways to create user interfaces. There are many third-party libraries to pick from when it comes to data visualization in React. React-chartjs-2, which is based on Chart.js, is one of the most widely used libraries for rendering charts in React. In this blog post, we’ll look at how to render charts in Continue Reading
Reading Time: 3 minutes One of the most widely used front-end libraries today is react, and for a good reason. It has emerged as a top option for web developers worldwide thanks to its modular design, reusable components, and quick rendering capabilities. However, developers must ensure that their React applications are adequate. Tested to ward off any potential defects or problems because great power comes with great responsibility. We Continue Reading
Reading Time: 4 minutes Introduction Next.js is a react framework that comes with all the features that you need for production. It uses a file-based routing system that enables routing in your application. When a file is added to the pages folder in a project, it automatically becomes available as a route. In this blog, we will be looking at how routing works in next.js, nested routes, dynamic routes, Continue Reading
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
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
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
Reading Time: 4 minutes Unlike Angular, React does not have a standard library for making HTTP requests, and also there is no standard way of organizing all the HTTP call functions. So in this blog, I will share a way of creating an HTTP client service using the good old “fetch()” API method for a Standard React-Redux web app. This is what I have used and it worked great Continue Reading
Reading Time: 5 minutes Introduction Events are some type of interaction between the user and the app, the user performs some action resulting in some reaction from the app. Any time a user clicks, drag-and-drop, fills in the input field or hovers over an element an event occurs. We as a Developer defines the function to respond to the event that occurred. These functions are event handlers and they Continue Reading
Reading Time: 6 minutes Introduction When it comes to state management in a React app the name “Redux” is the go-to solution in almost all projects. But always managing the state with Redux can be overkill sometimes causing complex and additional code to the code bundle. React already comes with pretty simple and powerful tools that can help us manage complex states. Using the combination of Context, useReducer, and Continue Reading
Reading Time: 8 minutes In this blog, we will see how to set up a React app from scratch using Typescript, Webpack, Babel, Eslint, and prettier. Although the setup given by create-react-app is great and optimized well, it’s good to know what is the job of each tool and how to configure them by yourself that way you can have full control and customize them according to your project Continue Reading
Reading Time: 6 minutes React js is a JavaScript library for building user interfaces. Now we will study about components of react js. Components Components let you split the UI into independent, reusable pieces, and think about each piece in isolation. This page provides an introduction to the idea of components Conceptually, components are like JavaScript functions. They accept arbitrary inputs (called “props”) and return React js elements describing Continue Reading
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
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
