Loading video...

Video Failed to Load

Go Home

74,945 views • 2 years ago •via X (Twitter)

9 Comments

SAM WAITIN's profile picture
SAM WAITIN2 years ago

Full song ::

❯ julie's profile picture
❯ julie2 years ago

THAT VISUAL GOES SO HARD WTF

HWTsuchiyaNathan's profile picture
HWTsuchiyaNathan2 years ago

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

Hero2004's profile picture
Hero20042 years ago

This banger song got me like this…

Acapower®'s profile picture
Acapower®2 years ago

👀🇲🇾

marci's profile picture
marci2 years ago

lets go another nuphory and sam banger!!

ZpL's profile picture
ZpL2 years ago

Rally championship 2000 my beloved

GEORGE DROYD's profile picture
GEORGE DROYD2 years ago

HARD

TomFum's profile picture
TomFum2 years ago

That tunes a vibe. Love it

Related Videos

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 views • 2 years ago