A practical guide to understand the difference between Promise, Promise.all, Promise.allsettled and Promise.race with examples Promises are an essential part of JavaScript. They allow developers to write asynchronous code that is easy to read and understand. Promises are objects that represent the eventual completion or failure of an asynchronous operation and their state can be […]
Introduction to React Query and useQuery
This post helps you to learn when to implement React Query and useQuery based solution React Query is a powerful library that simplifies state management and data fetching in React applications. It allows you to manage and cache server state, reduce the number of API requests, and improve the performance of your application. This blog […]
Passing data from child component to parent component in React JS
To pass data from a child component to a parent component in React, you can use callback functions that are passed down as props to the child component. The child component can then call these functions to pass data back up to the parent component. In this example, the ParentComponent uses the useState hook to […]
Introduction to Redux Toolkit with fetch example
A practical guide with example to learn Redux Toolkit implementation Redux is a popular state management library for JavaScript applications, used for managing the state of your application in a single, centralized store. However, managing the state in Redux can become complex and verbose, especially as your application grows. This is where Redux Toolkit comes […]
Introduction to State Management in React
In this post, we will explore the different state management options available in React, along with examples to help you understand their use cases.
Handling Nested Fetch Calls in React with Promises
To avoid callback hell, JavaScript promises provide a more elegant solution for handling nested fetch calls in React by allowing us to chain then methods and make the code easier to read and maintain. Here’s an example of how we can use promises in a React component to handle nested fetch calls: In this example, […]
Introduction to JavaScript Array and its methods
JavaScript arrays are a robust data structure that allows you to store and manipulate multiple values in a single variable. They are similar to arrays in other programming languages and can store many data types, including strings, numbers, and other arrays. One of the most common uses of arrays in JavaScript is to store a […]
Essential 2023 learning guide to the JavaScript ecosystem
This article is strictly for beginners who like to get a helicopter view of the complex JavaScript ecosystem before a deep dive into the JS world. Please skip this article if you are already working on the JS landscape. JavaScript is a powerful and widely-used programming language with a thriving ecosystem of tools and frameworks. […]