A HTTP cache invalidation technique popularized by HTTP RFC 5861.
SWR is a strategy to first return the information from cache (stale), then ship the fetch request (revalidate), and at last include the up-to-date data. SWR is a React Hook library made by vercel, it’s like axios.js or every other fetch operate the principal mission is to manage HTTP request but the have a lot of new features we will see most essential one.

Page focus & information refreshing. First, we want to install it! And now let’s take an example. In this example we import swr and we use a perform "fetcher" this perform is a simple fetch information perform with args. SWR returns an object containing knowledge, error, and mutate.
A 3rd argument is an object that we are able to cross to it some options, we are going to see it within the second instance. If knowledge is loading the useSwr returns nothing in other palms (!data), if information is coming we’ll treat it like a useState, the component renders again and it'll soar to the map operate usually, but when the fetcher operate has an error like (404 or 500 …) we can handle this exception with error variable.
In this instance, we're using the mutate operate and the third arg, for the revalidateOnFocus we are disabled in this setting. Interval : polling interval disabled by default. 2 we're sending data to server however the local state knowledge not updated. By default, dequal/lite is used.