#ReactQuery

Pranav Patani

@pranavpatani.bsky.social

2 months ago

Diagram showing how React Query works with Next.js Server Components: a request starts in the browser, data is prefetched and cached on the server, dehydrated into HTML, then hydrated on the client, where React Query reuses the cached data without an extra API call.

Published a new blog on React Query with Next.js Server Components.

It’s an implementation-focused walkthrough on server-side pre-fetching, hydration, and reusing data on the client without duplicate API calls.

Link👇
pranavpatani.hashnode.dev/react-query-...

#NextJS #ReactQuery #WebDev #Frontend

Rob

@lloveras.info

5 months ago

React Query Selectors, Supercharged How to get the most out of select, sprinkled with some TypeScript tips.

#reactQuery #reactjs

tkdodo.eu/blog/react-q...

Valerio Narcisi

@valerionarcisi.me

6 months ago

Result Pattern with React Query Integration Guide | Valerio Narcisi | Web Developer & Director The Result Pattern is a functional programming approach to error handling that makes success and error states explicit in your type system. Instead of throwi...

Just wrote a brief article on the Result Pattern and how it transformed my codebase. After implementing the Result Pattern in my TS/React projects, I've seen significant improvements in code reliability and maintainability. valerionarcisi.me/blog/result-...

#TypeScript #ReactQuery #ErrorHandling

Andry Dina

@npmix.com

8 months ago

Step 2/3:
Integrate React Query to streamline data fetching with caching and sync.

#ReactQuery

Andry Dina

@npmix.com

8 months ago

How to Use React Query with Next.js Server Components - Demo Learn how to combine React Query with Next.js server components to improve performance, reduce network requests, and simplify your data-fetching strategy.

Master React Query with Next.js Server Components!

🚀 Simplify data fetching with seamless integration.
Try it now: npmix.com/blog/how-to-...

#NextJS #ReactQuery #WebDev #React

Andry Dina

@npmix.com

9 months ago

Simplify state management in React with Zustand + React Query!

Lightweight, fast, and no boilerplate. Manage client & server state like a pro.

Read the guide: www.npmix.com/blog/zustand...

What’s your state management stack?

#ReactJS #WebDev #Zustand #ReactQuery

Mioara

@myoara.bsky.social

10 months ago

I have to say I love react query!
RefetchType:active allows you to refetch invalidated queries when that query is mounted anywhere in the UI.
It helped me solve a nasty bug in my work project.

#reactquery #tanstackquery

Haseeb Ahmad

@hasseebmayo.bsky.social

10 months ago

Check out the article to see how this approach can level up your frontend architecture.

hasseebmayo.com/blogs/smarter-…

#TypeScript #ReactJS #WebDevelopment #FrontendDevelopment
#ReactQuery #react

Darshit Dudhaiya

@darshitdudhaiya.bsky.social

10 months ago

🚀 React Query vs Fetch/Axios

Stop writing:
🔁 Repetitive fetch code
😵‍💫 Manual loading/error handling
🧊 No caching

Start using:
⚡ Built-in caching
♻️ Background refetch
📊 Devtools

📦 TanStack Query = Smart data fetching in React

#ReactJS #TanStackQuery #ReactQuery

Can S. Rau

@canrau.com

11 months ago

If ReactQuery re-renders infinitely, it might help to pull out the arguments to useQuery into a separate function outside the component using queryOptions to make them referentially stable.

At least fixed the re-renders in my case 🤓

#ReactJS #ReactQuery

Aymen Ben Amor

@aymenbenamor.bsky.social

1 year ago

React Paris Speaker Spotlight: Say hello to (Dominik Dorfmeister) @tkdodo.eu Engineer at @sentry.io and a maintainer of #ReactQuery. His talk: “React Query API Design - Lessons Learned.” #ReactParis #ReactQuery #paris #conference

react-admin

@react-admin.bsky.social

1 year ago

🎙️ In case you missed @tkdodo.eu's talk “React Query - The Bad Parts” at @reactdayberlin.gitnation.org, he recently uploaded the slides and transcript of his talk.

Definitely worth a read!👇

🔗 tkdodo.eu/blog/react-q...

#ReactQuery #TanstackQuery #react

Frederik Handberg

@frederikhandberg.com

1 year ago

Started out with useEffect’s in all the client components to fetch and save data because I didn’t know of a better approach.

Then I learned about React Query. So now, I’m rewriting all the relevant useEffect’s into React Query hooks to query and mutate data.
#dev #ReactQuery

DIY Devs

@diydevs.bsky.social

1 year ago

Become expert in React Query Take your React Query knowledge to the next level.

If you've dipped your toes into React but haven't looked into React Query, take this as your sign! It's a great tool for managing server-state in React apps. See ya later, manual data fetching, caching, and updating headaches! Learn more: tinyurl.com/298rhdxh

#ReactQuery #ReactJS #DevTools

Usama Kashif

@usamakashif.me

1 year ago

Do you use React Query with Next js 14++?
If yes, any particular reason for using it?

#reactjs #startups #frontenddevelopment #nextjs #development #buildstuff #reactquery #caching

Marnix Janssen

@marnixjanssen.com

1 year ago

Defining your #reactquery queries with queryOptions is probably the easiest way to keep your growing application maintainable

Cathal Mac Donnacha

@cathalmacdonnacha.com

1 year ago

React Query's pre-fetching capabilities achieves such a nice user experience when paginating ⏮️⏭️ It means the user instantly sees the data after clicking "Next page" rather than waiting for the server to respond.

#reactjs #reactquery #ux #frontend #webdev

jlca

@wootsbot.dev

1 year ago

TanStack/react-query + nuqs

Sync data and URL parameters
___

Sincronizar datos y parámetros en la URL.

x.openkit.run/query-v5

#web #frontend #react #nextjs #reactQuery #developer #desarrolladorweb #code