Franklin Martinezfranko361.hashnode.netยทMar 17, 2023FeaturedManaging state with React Query. ใฝ๏ธReact Query is a large and complete library that facilitates the work when making client-side requests to the server and even performs much more than that.But Did you know that you can use this library as a state manager?, possibly an alternative to ...113 likesยท848 readsReact
K Srinivas Raosrini-dev.hashnode.netยทNov 14, 2022FeaturedAuthentication & Refresh token flow with Nextjs, Typescript, React Query and axios interceptors.When it comes to authentication in modern web applications, the most standardised and secure way that most developers and companies go with is rotating refresh token flow. Here's a great documentation about the whole flow Refresh access tokens. In th...70 likesยท4.7K readsReact
Quincy Oghenetejiriquincyoghenetejiri.hashnode.netยทSep 28, 2022Making Use of React Query in Fetching Data and Adding Pagination for Performance Optimization in React.Developers must create their own methods of data fetching because React apps do not come with a predetermined way of fetching or updating data from your components out of the box. While the majority of conventional state management libraries are exce...40 likesยท378 readsReact
Lucas Schiavinilucas-schiavini.hashnode.netยทFeb 18, 2024No QueryClient set, use QueryClientProvider to set one [Fix]So I am a big dumb dumb. I have a couple of projects all using react-query, and some using @tanstack/react-query. On one of those I encountered those errors, and here's the code. "use client"; import {QueryClient, QueryClientProvider} fro...JavaScript
Elozino Ovedheelozino.hashnode.netยทApr 24, 2023React Query: Simplifying Data Fetching and Management in ReactReact Query is a library that helps you easily manage, cache, and synchronize data between your React application and server. It has become one of the most popular data-fetching libraries for React due to its ease of use, flexibility, and extensive f...Web Development
Luca Del Puppopuppo92.hashnode.netยทApr 19, 2023React Query - Filter Your DataHey folks,Did you know that you can filter your data in react query? Noooo! Ok, it's time to learn it! To filter the data in your useQuery hook, you have to handle the select option. This option accepts a function that is used to filter the data.The ...10 likesยท83 readsReact QueryReact
Sarthak Dobriyalsarthk.hashnode.netยทApr 19, 2023Never fetch data any other way in ReactReact is a popular frontend library that allows developers to create dynamic web applications by displaying data received from an API endpoint. However, fetching data can be a challenging task and is considered a crucial part of building a React appl...1 likeยท27 readsReact
Dinesh Imaduwa Gamagedaminda.hashnode.netยทApr 18, 2023How to manage server state with React QueryReact Query is a library that simplifies the process of managing data fetching and caching in React applications. It provides a set of tools and utilities for fetching and updating data from APIs and other data sources and manages the state of data f...JS frameworks & Librariesreact-query
Udit Tyagiudittyagi455.hashnode.netยทApr 14, 2023Getting Started with React -query: A Beginner's GuideIntroduction React Query is a popular data-fetching library for React that simplifies the management of asynchronous data in your application. It provides a powerful and flexible API that makes it easy to handle complex data fetching scenarios such ...18 likesยท66 readsreact-query
Rohan Bagchirohanbagchi.hashnode.netยทApr 14, 2023Data fetching in our React SPATo fetch data inside a react component, we primarily need 2 things: Source Consumer The source can be a REST or GraphQL endpoint.Consumer in our case is a browser-based application. A common pattern with React apps fetching data without using a 3...React
Hoh Shen Yienshenyien.hashnode.netยทApr 11, 2023Insta-Next: Likes and FollowersIn this part, you will get to build the post liking and user following logics which forms a crucial part of Instagram. In essence, they are just POST requests under the hood. However, do note that the implementation implemented here is a simplified v...Fullstack Instagram Clone with Next.jsNext.js
Hoh Shen Yienshenyien.hashnode.netยทApr 8, 2023Insta-Next: Creating Posts and Stories with POST RequestsIn this part, we will start to add posts and stories creation in our InstaNext. At the same time, we will use Zod to validate form inputs from the frontend and request bodies in the backend. Finally, we will build the missing registration form. As a ...Fullstack Instagram Clone with Next.jsNext.js
Hoh Shen Yienshenyien.hashnode.netยทApr 6, 2023Insta-Next: Exploring APIs with React QueriesIn this part, we are going to first look into writing our first sets of APIs to fetch user details, posts and stories. Then, we will fetch them from the frontend using React Queries. If you decided to skip to this part, no worry, I got you there, you...Fullstack Instagram Clone with Next.jsReact