Ojas Elawadhiojaselawadhi.hashnode.dev·Nov 29, 2023Power of SWR Hook in ReactIn the ever-evolving landscape of React development, finding the right tools to streamline data fetching and management is essential. One such tool that has gained popularity is the SWR (Stale-While-Revalidate) hook. In this blog post, we'll explore ...Discuss·1 like·32 readsJavaScript
Ojoawo Joshuadeejosh.hashnode.dev·Oct 5, 2023Exploring SWR: Supercharge Your Next.js ApplicationsIntroduction In the fast-paced world of web development, delivering performant and responsive web applications is essential. A critical aspect of achieving this goal is efficiently managing data fetching and caching. This is where SWR (Stale-While-Re...Discuss·10 likesNext.js
Prince Shammahblog.xyruscode.com.ng·Jun 28, 2023Adding A View Counter To My BlogSo after publishing my last post, I noticed that I couldn't query the Hasnode API for the number of views for an individual post and this was kinda getting to me. My site runs on Next.js and is deployed to Vercel. I had Vercel Analytics on so I could...Discuss·30 readsFirebase & INext.js
Mark Edzel Potane - SEO & Software blogmpotane.hashnode.dev·Jun 26, 2023Tips: How to Fetch Data on the Client Side with Next.js📔In this blog post, I will compare and contrast three awesome client-side data-fetching libraries: SWR, Tanstack Query and Apollo Client. These libraries allow you to fetch data from APIs or other sources on the client side, instead of on the server...Discuss·93 readsNext.js
Samuel Umorenbeyondcode.hashnode.dev·May 19, 2023Using SWR for Efficient Data Fetching in Next.js ApplicationsThis article was originally published here Fetching and rendering data from APIs is one of the core essentials of front-end development. The basic way of fetching data in JavaScript is to use local fetch or a third-party library like axios, input th...Discuss·110 readsswr
Carlos Eduardo Burkophantodev.hashnode.dev·May 12, 2023userSWR() with Static Export NextJSThe useSWR hook is a very useful tool for state management and cache control in React applications that make requests to external APIs. Developed by the Zeit team, useSWR is one of the most popular packages in the React ecosystem. useSWR uses data ca...Discuss·30 readsNext.js
Rohan Bagchirohanbagchi.hashnode.dev·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...Discuss·27 readsReact
Siddharth Singhofficiallysidsingh.hashnode.dev·Mar 17, 2023Fetching Data In React Apps And Optimistic UI Updates Using SWR 2.0So, In my last blog, I talked about how we can fetch data and perform CRUD operations on API using Axios. There was an imminent problem with Axios. It needed a page refresh on any CRUD operation to show the mutated data. While this is OK with Vanilla...Discuss·851 readsReact
Odukwe Precious Chiemekapreciousodukwe.hashnode.dev·Feb 14, 2023How To Handle Data Fetching in Next.js Using SWRHandling data fetching in Next.js can be tricky, but using the SWR aka (stale-while-revalidate) library makes it much more manageable. SWR is a lightweight library that allows you to handle data fetching and caching in your Next.js application effici...Discuss·1 like·50 readsNext.js
Stefanstefanatwundergraph.hashnode.dev·Jan 3, 2023Introducing the new React Query clientAfter much requests we are excited to announce the release of the new WunderGraph React Query client. This new client is built on top of TanStack React Query, a powerful data fetching library for React. It allows you to consume WunderGraph queries, m...Discuss·53 readsGraphQL