


Watch this course for $99.
Buy nowAdding client-side search
Create a Client Component that re-renders the users table whenever a user types in the search field.
8 lessons · 1:10:39
- 1Building a users table4:55
- 2Adding server-side pagination7:26
- 3Polishing the pagination controls16:17
- 4Adding client-side search9:19
- 5Preserving query params across interactions18:30
- 6Adding Loading UI3:44
- 7Adjusting the loading boundary6:46
- 8Showing pending UI during search3:42
9Debouncing client-side searchComing soon
Buy this course to access this lesson's summary and source code.



Buy Data fetching with React Server Components
Buy the course
$99one-time payment
Get everything in Data fetching with React Server Components.
- 1+ hour of video
- 8 lessons with more coming soon
- Private Discord
- Summaries with code
- Unlimited access to course materials
Lifetime membership
$249
Lifetime access to all current and future premium Build UI courses, forever.
- Courses on Framer Motion, Tailwind, and Remix
- New videos added weekly
- Refactoring videos on React
- Private Discord
- Summaries with code
- Full access to all future Build UI courses
What's included
Stream or download every video
Watch every lesson directly on Build UI, or download them to watch offline at any time.
Live code demos
Access to a live demo of each lesson that runs directly in your browser.
Private Discord
Chat with Sam, Ryan and other Build UI members about the lessons – or anything else you're working on – in our private server.
Video summaries with code snippets
Quickly reference a lesson's material with text summaries and copyable code snippets.
Source code
Each lesson comes with a GitHub repo that includes a diff of the source code.
Invoices and receipts
Get reimbursed from your employer for becoming a better coder!