Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Moving data fetching between client and server with SWR

Alex Sidorenko

35,238 subscribers

33,430 views • 1 year ago •via X (Twitter)

Science & Technology Education

Anya Rossi• Live Now

Private livecam show

8 Comments

Kiran1 year ago

Can we do the same with RQ too, right?

Alex Sidorenko1 year ago

Yep

Polygon.io1 year ago

Learn how to access market data using Polygon's Stock API and the Python programming language.

Yudistira Ashadi1 year ago

what is your recommendation: Tanstack Query or SWR?

Alex Sidorenko1 year ago

Previously Tanstack Query. Now, with the app router, probably SWR, as it is from the Next team, and they'll probably continue to work on better integration with server components. Also, I start without data fetching lib by default and fetch on the server as it is simpler

The Martian1 year ago

Love it now that your voice is heard!

Ezequiel Parziale1 year ago

swr + fetcher + app_router = 🚀

Chris Eagle1 year ago

Using this pattern more and more, always been a fan of SWR from pages router days.

Related Videos

In the latest `swr@beta`, you can seamlessly move data fetching between client-side and server-side, or both, in an RSC framework like Next.js: 🔸Client only: useSWR(key, fetcher) 🔹Mixed: useSWR(key, fetcher) + RSC-provided data 🔸Server only: useSWR(key) + RSC-provided data

In the latest `swr@beta`, you can seamlessly move data fetching between client-side and server-side, or both, in an RSC framework like Next.js: 🔸Client only: useSWR(key, fetcher) 🔹Mixed: useSWR(key, fetcher) + RSC-provided data 🔸Server only: useSWR(key) + RSC-provided data

Shu

267,424 views • 2 years ago

Route Handlers vs Server Actions for data fetching

Route Handlers vs Server Actions for data fetching

Alex Sidorenko

250,089 views • 1 year ago

Streaming data from server to client with "use" in Next.js

Streaming data from server to client with "use" in Next.js

Alex Sidorenko

36,533 views • 1 year ago

Server authoritative movement with client prediction and rollback/replay support. In this example, the client exploits by moving a wall out of the way. But the server owns the movement. The client has failed predictions due to the exploit, and rolls back. #RobloxDev

Server authoritative movement with client prediction and rollback/replay support. In this example, the client exploits by moving a wall out of the way. But the server owns the movement. The client has failed predictions due to the exploit, and rolls back. #RobloxDev

sleitnick

20,523 views • 1 year ago

"How to share state between React client components with a parent server component?" 👇

"How to share state between React client components with a parent server component?" 👇

Alex Sidorenko

51,480 views • 1 year ago

🧵1/2 Socket Programming in C: Server-Side Basics - Set up a server using socket(), bind(), and listen(). - Accept client connections with accept(). - Send and receive data over TCP. Video 1: Server-Side in C! Video 2: Client-Side Programming will be uploaded soon—stay tuned! 🖥️

🧵1/2 Socket Programming in C: Server-Side Basics - Set up a server using socket(), bind(), and listen(). - Accept client connections with accept(). - Send and receive data over TCP. Video 1: Server-Side in C! Video 2: Client-Side Programming will be uploaded soon—stay tuned! 🖥️

trish

2,924,461 views • 1 year ago

Expo + React Server Components (preview) 🚀 Just open sourced a new movies app demo using Expo Router and React server functions. Native data fetching, loading states, and error handling have never been this easy! → Runs on iOS, Web, and Android

Expo + React Server Components (preview) 🚀 Just open sourced a new movies app demo using Expo Router and React server functions. Native data fetching, loading states, and error handling have never been this easy! → Runs on iOS, Web, and Android

Evan Bacon 🥓

72,117 views • 1 year ago

Client/Server composition with server components feels illegal 😅

Client/Server composition with server components feels illegal 😅

Alex Sidorenko

69,150 views • 2 years ago

Data fetching and pagination are common concepts you need to master when building web applications #WebDev In this video, I’ll build out a post list page and implement a basic client-side pagination

Data fetching and pagination are common concepts you need to master when building web applications #WebDev In this video, I’ll build out a post list page and implement a basic client-side pagination

Esther 🥑

83,761 views • 2 years ago

And the best part—it runs everywhere, natively. Specifically web, iOS, and Android. For the first time ever you will be able to build an app with shared server/static rendering, data fetching, bundle splitting, and file-based routing on all platforms with a single codebase!

And the best part—it runs everywhere, natively. Specifically web, iOS, and Android. For the first time ever you will be able to build an app with shared server/static rendering, data fetching, bundle splitting, and file-based routing on all platforms with a single codebase!

Evan Bacon 🥓

52,883 views • 2 years ago

"How can I use server components for data fetching if all my components also need hooks or onClick?" Move the interactive part into a separate component

"How can I use server components for data fetching if all my components also need hooks or onClick?" Move the interactive part into a separate component

Alex Sidorenko

50,595 views • 1 year ago

Demo of forms with React 19 and Next.js. If you've wondered... "Why does the form clear out my input values?" "How do I pass data from my server action → client?" "How do I handle client / server validation?" "How do I display inline errors next to inputs?" This should help!

Demo of forms with React 19 and Next.js. If you've wondered... "Why does the form clear out my input values?" "How do I pass data from my server action → client?" "How do I handle client / server validation?" "How do I display inline errors next to inputs?" This should help!

Lee Robinson

42,736 views • 1 year ago

server-side filtering has been achieved internally for bazza/ui's data table filters 🤯 we provide you top tier UI/UX and fully managed state + logic you share the filter state with anything — TANSTACK table, query, nuqs, SWR — it's up to you coming soon.

server-side filtering has been achieved internally for bazza/ui's data table filters 🤯 we provide you top tier UI/UX and fully managed state + logic you share the filter state with anything — TANSTACK table, query, nuqs, SWR — it's up to you coming soon.

kian bazza

18,523 views • 1 year ago

New Expo example: graphQL server and client with ✨automatic type generation✨! 🧘‍♀️ GraphQL Yoga - server 💜 URQL - client 🎉 gql.tada - type generation ☁️ EAS Hosting - for API & web deployments

New Expo example: graphQL server and client with ✨automatic type generation✨! 🧘‍♀️ GraphQL Yoga - server 💜 URQL - client 🎉 gql.tada - type generation ☁️ EAS Hosting - for API & web deployments

Kadi Kraman 💚

17,462 views • 10 months ago

The difference between a $1m client and a $25,000 client

The difference between a $1m client and a $25,000 client

Financial Dystopia

849,540 views • 7 months ago

Introducing Derivative Data MCP Server With Laevitas, Units can now access and analyze funding rates, open interest and other real-time derivative data across exchanges.

Introducing Derivative Data MCP Server With Laevitas, Units can now access and analyze funding rates, open interest and other real-time derivative data across exchanges.

REI Network

17,658 views • 1 year ago

Here is a behind the scenes look at the YallBot server room. It runs 24/7 fetching data and analyzing weather patterns. While I prepare for potential live coverage later today, you can tune into the continuous YallBot stream on YouTube or X.

Here is a behind the scenes look at the YallBot server room. It runs 24/7 fetching data and analyzing weather patterns. While I prepare for potential live coverage later today, you can tune into the continuous YallBot stream on YouTube or X.

Ryan Hall, Y’all

65,975 views • 6 months ago

opencode's client/server architecture is important we're making quick server management smoother

opencode's client/server architecture is important we're making quick server management smoother

David Hill

64,317 views • 5 months ago