Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Moving data fetching between client and server with SWR

asidorenko_'s profile picture

Alex Sidorenko

35,238 subscribers

33,430 görüntüleme • 1 yıl önce •via X (Twitter)

Bilim & TeknolojiEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

8 Yorum

Kiran profil fotoğrafı
Kiran1 yıl önce

Can we do the same with RQ too, right?

Alex Sidorenko profil fotoğrafı
Alex Sidorenko1 yıl önce

Yep

Polygon.io profil fotoğrafı
Polygon.io1 yıl önce

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

Yudistira Ashadi profil fotoğrafı
Yudistira Ashadi1 yıl önce

what is your recommendation: Tanstack Query or SWR?

Alex Sidorenko profil fotoğrafı
Alex Sidorenko1 yıl önce

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 profil fotoğrafı
The Martian1 yıl önce

Love it now that your voice is heard!

Ezequiel Parziale profil fotoğrafı
Ezequiel Parziale1 yıl önce

swr + fetcher + app_router = 🚀

Chris Eagle profil fotoğrafı
Chris Eagle1 yıl önce

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

Benzer Videolar

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 görüntüleme • 2 yıl önce

Route Handlers vs Server Actions for data fetching
0:20

Route Handlers vs Server Actions for data fetching

Alex Sidorenko

250,089 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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,523 görüntüleme • 1 yıl önce

"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

51,480 görüntüleme • 1 yıl önce

🧵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 görüntüleme • 1 yıl önce

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,117 görüntüleme • 1 yıl önce

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

Client/Server composition with server components feels illegal 😅

Alex Sidorenko

69,150 görüntüleme • 2 yıl önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 2 yıl önce

"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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 10 ay önce

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 görüntüleme • 7 ay önce

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 görüntüleme • 1 yıl önce

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,975 görüntüleme • 6 ay önce

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,317 görüntüleme • 5 ay önce