正在加载视频...

视频加载失败

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.

18,523 次观看 • 1 年前 •via X (Twitter)

12 条评论

Jay Ghiya 的头像
Jay Ghiya1 年前

@bazzaui @tan_stack @nuqs47ng We just did this with tanstack router plus sadman Shadcn table great work. I think using tanstack router is way simpler and maintainable than nuqs

RTTS 的头像
RTTS1 年前

Testing Salesforce presents unique challenges due to its complexity, scalability and customizability. ​ RTTS can plan, design & automate a successful testing process for you.

Chetan Chinchulkar 的头像
Chetan Chinchulkar1 年前

@bazzaui @tan_stack @nuqs47ng Noiceeee 🤩

kian bazza 的头像
kian bazza1 年前

@bazzaui @tan_stack @nuqs47ng Ayyy thanks Chetan :)

Gaurav 的头像
Gaurav1 年前

@bazzaui @tan_stack @nuqs47ng Can't wait😍😍

kian bazza 的头像
kian bazza1 年前

@bazzaui @tan_stack @nuqs47ng Wooooooo

james 的头像
james1 年前

@bazzaui @tan_stack @nuqs47ng i can't wait to try this! brilliant

kian bazza 的头像
kian bazza1 年前

@bazzaui @tan_stack @nuqs47ng Thanks James, looking forward to hearing your experience and feedback :)

Rakesh 的头像
Rakesh1 年前

@bazzaui @tan_stack @nuqs47ng waiting..

kian bazza 的头像
kian bazza1 年前

@bazzaui @tan_stack @nuqs47ng Loading.....

RajuGangitla 的头像
RajuGangitla1 年前

@bazzaui @tan_stack @nuqs47ng Great work

kian bazza 的头像
kian bazza1 年前

@bazzaui @tan_stack @nuqs47ng Thanks Raju :)

相关视频

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

236,573 次观看 • 1 年前