Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

loading demo ...

74,957 görüntüleme • 2 yıl önce •via X (Twitter)

9 Yorum

SAM WAITIN profil fotoğrafı
SAM WAITIN2 yıl önce

Full song ::

❯ julie profil fotoğrafı
❯ julie2 yıl önce

THAT VISUAL GOES SO HARD WTF

HWTsuchiyaNathan profil fotoğrafı
HWTsuchiyaNathan2 yıl önce

wait is that the mobil 1 rally championship intro? sick!

Hero2004 profil fotoğrafı
Hero20042 yıl önce

This banger song got me like this…

Acapower® profil fotoğrafı
Acapower®2 yıl önce

👀🇲🇾

marci profil fotoğrafı
marci2 yıl önce

lets go another nuphory and sam banger!!

ZpL profil fotoğrafı
ZpL2 yıl önce

Rally championship 2000 my beloved

GEORGE DROYD profil fotoğrafı
GEORGE DROYD2 yıl önce

HARD

TomFum profil fotoğrafı
TomFum2 yıl önce

That tunes a vibe. Love it

Benzer Videolar

How should you search, filter, and paginate data with Next.js? This demo has 50,000 books in a Postgres database. • Page Load: When the page loads, we see the React Suspense fallback. This loading skeleton is displayed until the first page of books is retrieved from the database. • Searching: The search input has a 200ms debounce. After 200ms of inactivity, the form submits, updating the URL state with `?q={search}`. The Server Component reads `searchParams` and queries the database. On form submission, a React transition starts, allowing us to read the pending status with `useFormStatus` to display an inline loading state. • State Preservation: Navigating to an individual book page retains the search input state. Reloading the page or sharing the link preserves the search results. • Client-side Filtering: Filtering authors in the left sidebar is done client-side. Authors are fetched by a Server Component and passed as props to the sidebar. Changing the input value updates React state and re-renders the sidebar. • Optimistic Updates: The sidebar’s selected authors are optimistically updated with `useOptimistic`. Checkbox selections update instantly without waiting for the URL to change. • State Preservation: Navigating to an individual book page retains the sidebar filter input and selected author state across navigations, giving it an app-like feel. • Pagination: Navigating between pages updates the URL state, triggering the Server Component to query the database for the specific page of books. We also fetch the total book count to show the total number of pages. This demo isn't perfect yet (still working on it) but it's been a fun playground for some of these patterns. You can imagine a similar experience for thousands of movies, cars, products, or any other very large dataset. Demo → Code →

Lee Robinson

237,013 görüntüleme • 2 yıl önce