Search Results

Articles & Tutorials

Building multi-step wizards with Formik and React Query (blog.logrocket.com)
May 05, 2021
To get the highest impact from a form, it’s best to keep it simple. We can accomplish this by employing the “one thing per page pattern” theory popularized by Adam Silver, and we can easily achieve this by employing multi-step wizards.
  • Caleb Mathew
Making GraphQL requests easy with React Query and TypeScript (blog.logrocket.com)
Apr 19, 2021
Using a GraphQL API comes with distinct advantages. With GraphQL, we can request the exact data we need without ever under- or over-fetching. We can also get multiple resources in a single request.
  • Iva Kop
What’s new in React Query 3 (blog.logrocket.com)
Feb 16, 2021
In a nutshell, React Query is a set of custom hooks that makes fetching, caching, and updating asynchronous or server state in React easy.
  • Lawrence Eagles
JQuery to React: How we rewrote the HelloSign Editor (dropbox.tech)
Sep 30, 2020
HelloSign is a Dropbox company that provides a Web-based eSignature solution: If you have a document you want someone to sign, you upload the document file, then show you an editor in which you place all the fields to build the form the recipient will fill out—signatures, dates, initials, etc.
  • Asa Ayers
React Query — An Underrated State Management Tool (blog.bitsrc.io)
Sep 18, 2020
In this article, let’s discuss how React Query addresses the above-mentioned issue by building a small pokemon application and diving into its key concepts.
  • Tharaka Romesh
How and Why You Should Use React Query (blog.bitsrc.io)
Jul 29, 2020
Simplify data fetching with react-query’s custom hooks.
  • Nathan Sebhastian
What’s new in react-query v2 (blog.logrocket.com)
Jul 22, 2020
In this post, we’ll discuss briefly the new changes and rewrite an app built with react-query v1 in a previous article to use the new version.
  • Abdulazeez Abdulazeez Adeshina
What’s new in react-query v1.0 (blog.logrocket.com)
Mar 27, 2020
react-query v1.0 was released on 26 February, which brought about a change in the react-query API and all-new dedicated devtools.
  • Abdulazeez Abdulazeez Adeshina
    Mocking and Using CRUD APIs with MirageJS and React-Query (swyx.io)
    Feb 28, 2020
    Two recent releases have advanced the state of the art for mocking and using APIs in React apps. I think they pair very well and this post describes what they do and how to use them together. I don't have the space or time to go into the full features of each, which are the actual reasons they deliver great value - those are food for future posts.
      Caching clash: useSWR() vs. react-query (blog.logrocket.com)
      Jan 27, 2020
      Storing data in our React application is mostly done through state. But what happens when the app is reloaded? The state returns to point blank, except it is filled up when the component mounts.
      • Abdulazeez Abdulazeez Adeshina
        Using Suspense with react-query (blog.logrocket.com)
        Jan 07, 2020
        In this article, we’ll look at using the react-query library alongside Suspense by building a simple recipe app that fetches recipe data from an API and renders it to the DOM.
        • Abdulazeez Abdulazeez Adeshina
        Quick Guide to Using Gatsby's useStaticQuery Hook (alligator.io)
        Dec 04, 2019
        The useStaticQuery React Hook was added to Gatsby.js starting with version 2.1.0, and it’s an incredibly convenient way to make (build-time) GraphQL queries from any component within a Gatsby site. In this quick lesson, we’ll go over how to implement useStaticQuery in your project!
        • Daniel Stout
        React + Apollo: How to Redirect after Refetching a Query (medium.freecodecamp.org)
        Aug 25, 2018
        GraphQL is hot, and for a good reason. In short, it is a query language that allows you to ask for exactly what you need from your API. This cuts any unnecessary data transfer that may occur with different methodologies.
        • Jun Hyuk Kim

        Video Guides & Talks

        Upgrading from react-query v2 to v3 (youtube.com)
        Apr 24, 2021
        In this video I'll show you how to upgrade the bookshelf app to v3 of react-query.
          Next.js query params inside getStaticProps (Incremental Static Regeneration) (youtube.com)
          Apr 12, 2021
          Have you ever wondered how to access query parameters "context.req.query" inside getStaticProps???
          • Bruno Antunes
          React Bitcoin Ticker with Typescript and React-Query (youtube.com)
          Jan 12, 2021
          Code a React Bitcoin Tracker with Styled Components, TypeScript, and React-Query. Code your own small Bitcoin Tracker that uses a free API to fetch the crypto data.
          • Thomas Weibenfalk
            All About React Query (with Tanner Linsley) (youtube.com)
            Oct 21, 2020
            There‘s a lot of buzz about React Query and how much it can simplify your development workflow. In this episode, we’ll learn all about it from the TanStack creator himself!
            • Jason Lengstorf
            • Tanner Linsley
            Posting Data to Server from React - Query Updates from Mutations (youtube.com)
            Jun 18, 2020
            In React you often need to persist data to the server. This video shows how to use react-query mutation functionality to post data to the server, and update the UI with fresh content. We cover three approaches to UI updates, going from easiest but worst performing, to most complicated but best performing.
            React Query - Data Fetching Hooks (youtube.com)
            Mar 18, 2020
            React Query is a fantastic tool that enables you to fetch remote asynchronous data inside of your components. It could be GraphQL, REST, or any other data source which responds with a promise. It comes with its own dev tools to visualize what it is doing, and a ton of amazing functionality such as stale-while-revalidate, refetch on focus, error handling, etc...
              Refactoring to react-query (youtube.com)
              Feb 18, 2020
              I'm refactoring some code to react-query.