React Query

Are you tired of the traditional pagination approach for fetching new data? Well, get ready for a refreshing change! Introducing the infinite scrolling feature as a captivating alternative to mundane pagination. In this article, we will dive into an exemplary implementation of the infinite scroll for a Next.js app using…

What is It? TANStack Query হল একটা technology যা data fetching and caching process গুলোতে আরও সহজ এবং effective করে তুলে। It is actually a library for managing data fetching and mutation operations with ease. The main purpose of TANStack Query is to simplify data fetching processes. It provides a convenient and advanced…

React Query has gained immense popularity among developers as a powerful data-fetching library for React applications. With its intuitive API and seamless integration with various state management solutions, React Query simplifies data fetching, caching, and synchronization with server mutations. In this article, we will delve into the concept of optimistic…

Do you know what React Query is? — In summary, React Query is an open-source JavaScript library that was developed with the aim of simplifying data management in React applications. It was created by Tanner Linsley in 2020 and quickly gained popularity among developers due to its innovative and efficient approach to fetching and caching data. The key…

The story that leads to a custom hook to combine React query and Websocket In one of the projects that I worked on, there was a time when we have to start using Websocket with React-query and I want to share the story with you. Let’s dive in! 🤿 What was the case? We…

Avoid refetching expensive queries by feeding sub-queries with initial data. This article will be helpful for you if: you have an expensive index query, i.e., …

Moving from Axios to React Query in React Apps Are you tired of axios? Or perhaps you want to extend your knowlede and try something more powerful? If so, join me in the process of transitioning from axios to React Query, a powerful data management library designed specifically for React. Example axios GET request: import axios from 'axios'; const getCatFacts…

In this article, we will look at cursor-based pagination using Postgres and Prisma and consume data from the pagination using Next.js 13, to implement infinite scrolling. What is Cursor Pagination Cursors are tokens or values you pass to the database so it knows where to continue serving results. …

This article documents a full-stack blog application which allows users to create an account, make posts, like posts, comment on posts, like comments and edit their profile. You can view the demo of the application here and you can find the GitHub repo of the application here. Functional Requirements The application has…