So that's it, we are now using SWR as our default data fetching library, giving you all the benefits, like optimistic updates while consuming WunderGraph APIs. - graphql react
SWRConfigAs I explained in the introduction,
, which is a really powerful feature and allows you to add functionality to individual hooks or globally usingThe Next.js package uses middleware to add support for SSR to the hooks. Let's go a bit into the details of how this works.; I'll go over the code here to explain how it works.This is how the logic works. First, we check if this hook is being called on the server, if SSR is enabled and if it is a WunderGraph operation. If not, we just return the swr hook.
const swr=useSWRNext const context=useWunderGraphContext const isSSR= typeof window==='undefined' && context?.ssr && config.ssr !==false if || !context || !isSSR || !key) { return swr }. We check if this is an authenticated operation; if the user isn't logged in, we don't need to execute the operation for SSR.
LiveQueries and subscriptions don't have a fetcher because data is loaded async, but for SSR, we create a fetcher that will call the query withThis will return the subscription data directly instead of setting up an event stream, so we can server-side render subscriptions ❤️. const { operationName, input, liveQuery, subscription }=key const _key=serialize const { ssrCache, client, user }=context const shouldAuthenticate= client.isAuthenticatedOperation && !user let ssrFetcher=fetcher if ) { ssrFetcher=async => { const result=await client.query if { throw result.error } return result.data } }getInitialPropsif { ssrCache[_key]=ssrFetcher } return swr
South Africa Latest News, South Africa Headlines
Similar News:You can also read news stories similar to this one that we have collected from other news sources.
U.S. Senate passes bill to bar federal employees from using TikTok on government-owned devicesThe U.S. Senate late on Wednesday passed by voice vote a bill to bar federal employees from using Chinese-owned short video-sharing app TikTok on government-owned devices.
Read more »
Would-be thieves crash into north Houston hair salon using U-Haul truck, owner saysIt was business as usual on Wednesday afternoon at Ely’s Beauty Salon in north Houston until a U-Haul plowed into the business.
Read more »
Florida pastor, son arrested for allegedly using church’s COVID loan for $3.7M mansionA Florida pastor and his son were arrested two years after they were caught using Covid relief funds to buy a luxury mansion on Disney World property.
Read more »
Verizon promises free Netflix Premium to customers using its +play platformVerizon announced customers who purchase a new subscription through its +play platform will receive 12 months of Netflix Premium for free.
Read more »
Senate passes bill to bar federal employees from using TikTok on government devicesSenate passes bill to bar federal employees from using TikTok on government-owned devices. The bill must still be approved by the House, which would need to pass it before the current congressional session's end, which is expected next week.
Read more »
Alabama man arrested for allegedly using stun gun in Jan. 6 attack on policeA north Alabama U.S. Army veteran is accused of sparking a stun gun during the Jan. 6, 2021, breach of the U.S. Capitol. Bryan Shawn Smith, 36, was taken into custody this week by federal authorities in Huntsville, according to court documents. Details:
Read more »