正在加载视频...

视频加载失败

loading demo ...

74,957 次观看 • 2 年前 •via X (Twitter)

9 条评论

SAM WAITIN 的头像
SAM WAITIN2 年前

Full song ::

❯ julie 的头像
❯ julie2 年前

THAT VISUAL GOES SO HARD WTF

HWTsuchiyaNathan 的头像
HWTsuchiyaNathan2 年前

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

Hero2004 的头像
Hero20042 年前

This banger song got me like this…

Acapower® 的头像
Acapower®2 年前

👀🇲🇾

marci 的头像
marci2 年前

lets go another nuphory and sam banger!!

ZpL 的头像
ZpL2 年前

Rally championship 2000 my beloved

GEORGE DROYD 的头像
GEORGE DROYD2 年前

HARD

TomFum 的头像
TomFum2 年前

That tunes a vibe. Love it

相关视频

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 次观看 • 2 年前