​

Happy Wednesday!

We've got some exciting news today – our Data fetching with React Server Components course is now fully complete!

In 1 hour and 15 minutes you’ll learn how to build a server-driven data table with React Server Components.

I got the idea for this course from a Next.js dashboard app I work on. It's filled with data tables that have pagination, searching, and filtering.

Originally I built these tables with client-side React, but six months ago I refactored them using React Server Components and I was blown away by how much simpler the code became. Suddenly all the effects, fetch requests, and buggy loading states vanished from my app, and I was left with a simple URL-driven application.

I was so surprised by how much better Server Components made the codebase that I knew I had to teach what I learned. Our Data fetching with React Server Components course is exactly that: everything I learned refactoring my dashboard to RSC:

The app we build in this course uses Next.js, TypeScript, Tailwind, and Prisma to teach you React's new server-driven paradigm.

Here's some things we cover:

• Using Prisma to query data within Server Components
• Adding server-side pagination
• How the URL simplifies application state
• Working with Client Components and the "use client" directive
• The power of the Next.js <Link> component
• The URLSearchParams API
• Loading UI in Next.js with the loading.tsx file
• An introduction to React Suspense
• Using React DevTools to design Suspense boundaries
• Rendering static and dynamic data separately
• Creating custom <Suspense> boundaries
• An introduction to React Transitions and the useTransition Hook
• Avoiding race conditions and debouncing user input
• Providing client feedback during server-side rerenders

I think you're going to be surprised by how much Server Components simplify your React apps, but don't take my word for it!

Here's what some of our members have said about the course:

If you've never worked with React Server Components before, watch the first lesson for free to see what all the buzz is about:

And if you're ready to binge the entire course, head over to Build UI to buy it for $99 – or grab a lifetime membership for just $149 and get access to it along with our courses on Framer Motion, Tailwind and Remix:

​Get Data Fetching with React Server Components ​→​

Early-bird pricing ends soon

Last April we introduced a new pricing model: a single purchase that gives you lifetime access to all current and future Build UI courses, forever.

We've been offering these lifetime memberships at an early-bird discount price of just $149, and our customers have been thrilled:

We wanted to let you know that our early-bird pricing ends on October 11th, at which point our membership will return to its regular price of $249.

If you want to secure a lifetime membership at $149 (40% off the full price!), join today:

​​Join Build UI for $249 $149​​ →​​

As always, once you purchase a lifetime membership you'll get all our future courses without ever paying another penny.

---

Thanks for your support, and if you have a question about anything we're working on, hit reply and let us know!

Happy hacking,

– Sam and Ryan