Pro course

Advanced React Component Patterns

Learn techniques to help you build more powerful and resilient components.

Coming soonJoin our newsletter to get notified when the full course is ready.

Write components that'll make you say, ""

It's amazing how after all these years, React still manages to impress us on a regular basis.

Hardly a week goes by where we don't find some new use case for a component pattern that makes us feel like superheroes, or helps our consulting clients pull off some new UI more easily than they ever thought possible.

In Advanced React Component Patterns, we're going to teach you these patterns step-by-step by building six demos from scratch. You'll learn React's most powerful patterns for building reusable components at the right level of abstraction, including:

  • Recursion for expressive and elegant rendering of arbitrary data structures
  • Unstyled components for reusable behavior, layouts, or stateful UI components
  • Render props for yielding out state and logic for consumers to style themselves
  • Data props for styling components with multiple states – even when rendering them from a Server Component
  • Compound components for exposing multiple components that have shared internal state
  • Controlled or uncontrolled components for ensuring you're always rendering from a single source of truth
  • Declarative interfaces for wrapping imperative code from the DOM or other libraries inside of reactive components

Once you get some practice with these techniques, you'll be able to write components that will impress your boss, your colleagues, and even yourself. And more importantly, you'll never get stuck wondering which pattern to use when you want to share some code or remove some painful duplication.

Check back for more details soon. And as always, this course will be completely free for Build UI Lifetime Members.

Meet your instructors

Hey! We're Sam Selikoff and Ryan Toronto, and together we've been teaching frontend development for over eight years through our podcast, in-person trainings, conference talks, and more recently on our YouTube channels.

Check out our existing resources if you're hungry for more frontend content!

Sam
Ryan
Frontend First Podcast Logo

Frontend First Podcast

Sam's YouTube

Ryan's YouTube

Over 3,000 developers have taken our courses

Build UI is designed to empower and inspire – but don't take our word for it! Here's what our pro members have been saying.

Swapping to @nextjs 13s searchParams API for search and pagination of my @CosmicJS data took all of 15 minutes to set up, is fully server-side, and links are shareable thanks to the embedded query params. Shoutout to the breakdown in @_buildui from @ryantotweets. Love it.

The videos in it are fantastic. I have a ton of respect for Sam and Ryan as engineers and educators, they're truly world-class

I can confirm that this course is awesome A lifetime BuildUI subscription is one of the highest value to cost purchases I have made (alongside the likes of TailwindUI and few others)

Sam Selikoff
Sam Selikoff
@samselikoff

Tailwind Mastery is now fully complete over on Build UI, clocking in at 2h 29m across 21 lessons! buildui.com/courses/tailwi… Here are some of my favorite things I learned while building the course:

Wasn't even aware... Sam and Ryan have helped me so much in my journey as a front-end developer so this is a no-brainer. Lifetime memberships make it so much easier to do employer education budget write-offs. That is what was making me hold off. Just picked it up🤘

Beautiful website! 😍

Adam Wathan
Adam Wathan
@adamwathan

Saw @samselikoff and @ryantotweets launched a $149 lifetime pricing option for @_buildui and immediately grabbed myself an account 💪 Super underrated pricing model for content businesses in my opinion — going to do a whole podcast episode on it soon. buildui.com

San and Ryan are awesome! Love their podcast too. It’s like being in the room with real engineers talking shop about the nerdy stuff we actually care about.

I almost never watch tech tutorials b/c I'd prefer to read. I accidentally stumbled on a video from BuildUI last week and was completely engrossed. Super high quality. Thorough but not boring. Learned some amazing stuff. Didn't realize you could purchase but just bought this.…

Taylor Otwell 🪐
Taylor Otwell 🪐
@taylorotwell

My friend @samselikoff is creating world-class UI videos at Build UI. If you're even remotely interested in highly polished, sweat-the-small-stuff frontends then you should check them out. 👍 No subscription - just one lifetime purchase. buildui.com

This lifetime membership for @_buildui was absolutely a no-brainer purchase. Amazing value 💯 Sam and Ryan are fantastic teachers, and I can’t recommend their content enough! Check it out 👇

Sam Selikoff
Sam Selikoff
@samselikoff

We soft-launched Lifetime Memberships for Build UI last week and I've been blown away by all the support. Proves that this is what people wanted, and I'm thrilled to have found a better fit for our customers. If you've been holding off on joining Build UI and are hungry for…

Image

This is a fantastic deal! Even at full price it would be a great value, but the current early bird price is basically a "no-brainer" for anyone that does any amount of custom UI work.

Sam Selikoff
Sam Selikoff
@samselikoff

We soft-launched Lifetime Memberships for Build UI last week and I've been blown away by all the support. Proves that this is what people wanted, and I'm thrilled to have found a better fit for our customers. If you've been holding off on joining Build UI and are hungry for…

Image

Want to learn more?

This course is currently in development. To stay updated and receive free lesson previews, sign up for our newsletter.

Coming soonJoin our newsletter to get notified when the full course is ready.