正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

Moving data fetching between client and server with SWR

Alex Sidorenko

35,238 subscribers

33,430 次观看 • 1 年前 •via X (Twitter)

科学技术教育

Anya Rossi• Live Now

Private livecam show

8 条评论

Kiran 的头像

Kiran1 年前

Can we do the same with RQ too, right?

Alex Sidorenko 的头像

Alex Sidorenko1 年前

Yep

Polygon.io 的头像

Polygon.io1 年前

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

Yudistira Ashadi 的头像

Yudistira Ashadi1 年前

what is your recommendation: Tanstack Query or SWR?

Alex Sidorenko 的头像

Alex Sidorenko1 年前

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 Martian 的头像

The Martian1 年前

Love it now that your voice is heard!

Ezequiel Parziale 的头像

Ezequiel Parziale1 年前

swr + fetcher + app_router = 🚀

Chris Eagle 的头像

Chris Eagle1 年前

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

相关视频

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 次观看 • 2 年前

Route Handlers vs Server Actions for data fetching

Route Handlers vs Server Actions for data fetching

Alex Sidorenko

250,089 次观看 • 1 年前

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 次观看 • 1 年前

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 次观看 • 1 年前

"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 次观看 • 1 年前

🧵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 次观看 • 1 年前

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 次观看 • 1 年前

Client/Server composition with server components feels illegal 😅

Client/Server composition with server components feels illegal 😅

Alex Sidorenko

69,150 次观看 • 2 年前

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 次观看 • 2 年前

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 次观看 • 2 年前

"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 次观看 • 1 年前

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 次观看 • 1 年前

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 次观看 • 1 年前

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 次观看 • 11 个月前

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 次观看 • 7 个月前

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 次观看 • 1 年前

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 次观看 • 6 个月前

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 次观看 • 5 个月前