Загрузка видео...

Не удалось загрузить видео

На главную

Moving data fetching between client and server with SWR

asidorenko_'s profile picture

Alex Sidorenko

35,238 subscribers

33,430 просмотров • 1 год назад •via X (Twitter)

Наука и технологииОбразование
LIVE

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
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 просмотров • 2 лет назад

Route Handlers vs Server Actions for data fetching
0:20

Route Handlers vs Server Actions for data fetching

Alex Sidorenko

250,089 просмотров • 1 год назад

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 просмотров • 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
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 просмотров • 1 год назад

"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 просмотров • 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! 🖥️
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 просмотров • 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
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 просмотров • 1 год назад

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

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
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 просмотров • 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!
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 просмотров • 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
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 просмотров • 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!
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 просмотров • 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.
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 просмотров • 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
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 просмотров • 10 месяцев назад

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 просмотров • 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.
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 просмотров • 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.
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 просмотров • 6 месяцев назад

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 просмотров • 5 месяцев назад