Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Moving data fetching between client and server with SWR

asidorenko_'s profile picture

Alex Sidorenko

35,238 subscribers

33,430 Aufrufe • vor 1 Jahr •via X (Twitter)

Wissenschaft & TechnologieBildung
LIVE

Anya Rossi• Live Now

Private livecam show

8 Kommentare

Profilbild von Kiran
Kiranvor 1 Jahr

Can we do the same with RQ too, right?

Profilbild von Alex Sidorenko
Alex Sidorenkovor 1 Jahr

Yep

Profilbild von Polygon.io
Polygon.iovor 1 Jahr

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

Profilbild von Yudistira Ashadi
Yudistira Ashadivor 1 Jahr

what is your recommendation: Tanstack Query or SWR?

Profilbild von Alex Sidorenko
Alex Sidorenkovor 1 Jahr

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

Profilbild von The Martian
The Martianvor 1 Jahr

Love it now that your voice is heard!

Profilbild von Ezequiel Parziale
Ezequiel Parzialevor 1 Jahr

swr + fetcher + app_router = 🚀

Profilbild von Chris Eagle
Chris Eaglevor 1 Jahr

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

Ähnliche 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
0:30

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 Aufrufe • vor 2 Jahren

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

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

Alex Sidorenko

36,533 Aufrufe • vor 1 Jahr

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
0:44

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,016 Aufrufe • vor 1 Jahr

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

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

Alex Sidorenko

50,550 Aufrufe • vor 1 Jahr

🧵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! 🖥️
2:20

🧵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 Aufrufe • vor 1 Jahr

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
0:47

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,114 Aufrufe • vor 1 Jahr

Client/Server composition with server components feels illegal 😅
1:01

Client/Server composition with server components feels illegal 😅

Alex Sidorenko

69,150 Aufrufe • vor 2 Jahren

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
3:56

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 Aufrufe • vor 2 Jahren

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!
0:27

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 Aufrufe • vor 2 Jahren

"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
0:32

"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 Aufrufe • vor 1 Jahr

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!
9:12

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 Aufrufe • vor 1 Jahr

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.
0:42

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 Aufrufe • vor 1 Jahr

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
0:25

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 Aufrufe • vor 10 Monaten

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

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

Financial Dystopia

849,540 Aufrufe • vor 7 Monaten

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.
0:20

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 Aufrufe • vor 1 Jahr

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.
1:18

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,953 Aufrufe • vor 6 Monaten

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

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

David Hill

64,271 Aufrufe • vor 4 Monaten

❌ Avoid resolving a promise in a server component and block rendering. ✅ Resolve the promise in the client side with `Reac.use()`
0:37

❌ Avoid resolving a promise in a server component and block rendering. ✅ Resolve the promise in the client side with `Reac.use()`

George Moller

47,187 Aufrufe • vor 1 Jahr