Hey! It's been a while since we've sent an update, but it was great meeting so many of you during conference season this spring. We're excited to be gearing up for our next course! More on that below... but first, here's what we've been up to: How to build a Recursive React Component Watch now β React Unpacked: A Roadmap to React 19 Watch now β SPAs in React 19 Watch now β Throw is about control flow β not error handling Watch now β We're super excited to share that we've started work on our...
5 months agoΒ β’Β 1 min read
Learn all about Search Params with React Server Components in our latest blog post, and check out our most recent podcast episode for our thoughts on React 19's upcoming features. Instant Search Params with React Server Components Read now β Out-of-order streaming in React Watch now β Asset loading in React Watch now β Podcast - Blog Post Club: React Labs β What Weβve Been Working On Watch now β Podcast - Instant URL search params in Next.js Watch now β Podcast - React Deep Dive:...
10 months agoΒ β’Β 1 min read
Dive into free videos on Radix, Remix, and Server Components, and catch our latest podcast episode where we talk through React's new cache function. Building an Elastic Slider with Framer Motion and Radix Watch now β Why you can't set cookies in Server Components Watch now β React's new cache function Watch now β Optimistic UI in Remix Watch now β Podcast - React Cache Deep Dive Watch now β Podcast - Advanced Radix UI and Blog Post Club React Server Watch now β And in case you missed it, last...
11 months agoΒ β’Β 1 min read
Hey there! I've got some exciting news to share today: Advanced Radix UI β my newest course β is now live! Clocking in at 2 hours and 13 minutes across 35 chapters, youβll learn how to use Radix to build four completely custom UI components: a Switch, a Selector Group, a Toast, and a Slider: Each component has a completely custom design using Tailwind, and there's also some slick animation and interactions we build with React and Framer Motion to enhance what Radix gives you out of the box....
11 months agoΒ β’Β 1 min read
I'm wrapping up our Radix course and came across a neat use case for Tailwind's new `has` modifier. If you haven't used it yet, `has` lets you style parent elements based on the state of their children: Here we're giving the root div a green border if it has any children in the :checked pseudostate. Pretty neat! So this came up when I was working on the focus state for my Radix <Slider> demo. Typically sliders render a <Thumb> control, which is perfect for showing focus: But this demo doesn't...
12 months agoΒ β’Β 1 min read
Happy Friday! We've been working hard on our Radix UI course and I wanted to share a slick hidden feature I discovered while building out this demo: The demo is built with Radix's <Switch> component. When you render a <Switch> by itself, here's the HTML you get: <Switch.Root> renders a button with all the proper ARIA Switch attributes, and <Switch.Thumb> includes the checked state via a data attribute. Neat! But look what happens if we wrap it in a <form>: <Switch> has automatically detected...
about 1 year agoΒ β’Β 1 min read
Hey! We've been working on some demos for our newest course, and we wanted to share this slick Animated Toast component we just finished: It's built with Radix, Tailwind CSS, and Framer Motion. Three different libraries, each tackling one concern β behavior, styling, and animation β but all composing together for one seamless developer experience. This is why we love Radix. Sure, there are libraries that give you a single <Toast> you can drop into your app. But as soon as you want to change...
about 1 year agoΒ β’Β 1 min read
Hey there, We've got some exciting news today! Ship an app with Remix β our latest course β is now fully complete! Clocking in at exactly 5 hours across 19 lessons, youβll learn how to build a full-stack Work Journal application using Remix. I got the idea for this project from my own work journal that I made for my personal site. It's been a useful tool over the years to document my journey as a developer, and it's a fun way to share weekly updates with other folks. When I started using...
about 1 year agoΒ β’Β 2 min read
Happy Wednesday! Last week we finished Build UI's third complete course, Data fetching with React Server Components: In 9 lessons you'll learn the fundamentals of how to fetch data in a Next.js app using React Server Components. You'll build a URL-driven data table that supports searching and pagination, just the kind of thing that you'd see in a typical dashboard application. You'll also see how this new paradigm lets you interleave client-side features (like providing instant feedback after...
about 1 year agoΒ β’Β 1 min read