Learn how Radix UI's library of unstyled, accessible components help you build better apps. This video was made in collaboration with the team behind Radix! www.radix-ui.com/primitives
Sam, I missed your videos too much after I saw you last time on the tailwind conference not so long ago. Come back with new videos more often. You are my inspiring star in web development 💖
He is starting to get into selling Online Courses right now, so probably he will eventually produce less and less top notch videos on UA-cam and the ones he do produce will be to either promote his own course or to sponsor something else or a product, this seems to be standard in tech youtubers nowadays. I hope I'm wrong and Sam prove me otherwise :/
@@ariell121 If Ryan and I can make Build UI sustainable + our sole source of income, I'll have more time for UA-cam, not less! My UA-cam consistency always takes a hit when I need to divert time and attention to client work, so I'm absolutely hoping to prove you wrong - my goal is to be a full-time educator and UA-cam is a critical piece of that. I hope folks never feel the need to purchase any of our products and will always be able to find a wealth of free material here on UA-cam. Appreciate you sharing your perspective & I'm asking you to help keep me honest!
Thanks a ton for making this video! Used HeadlessUI for a while and didn't fully know what Radix was, I assumed it was a pre-styled component library. Definitely compelled to move from HeadlessUI now to Radix after seeing this!
MUI used to be my go-to, in fact it used to be everyone's choice, but they start dying slowly and progressively because of this very reason and everything they did was very heavily coupled! I still love MUI but unfortunately the world is moving so fast to stick around with legacy tech stacks including MUI... R.I.P MUI On the good and positive side, new UI libraries were born such as Radix UI, I simply fell in love the very first time I start using it, it felt as if I wrote the entire library myself, everything from high to the very low level were well-thought through and I absolutely love it! Thanks for the video, Sam, this was my experience that I felt I should share with some of you out there 😊
@samselikof From watching your other videos, i wanted to ask how do you navigate to the code so fast and without the mouse? Do you use vim or just the basic keyboard shortcuts that come with vscode? I thought that looked cool so i want to learn to write like that. Can you suggest me where i can learn to code like that? Either way, thanks for your videos i have learned a lot from them.
what do u think of radix vs react aria components? ik react aria components is still in alpha but I have had a great time using it. never used radix tho
React-aria & react-stately are so good imo. I would highly recommend using these if you want more custom control over behaviour. Radix UI is good too but you are a bit locked in to how it works. React aria is good because it's opt-in. You can rename props, push custom functionality, exclude props, destructure state and make it work differently. All without having to break how it works. One other difference is that it has opinions on buttons and inputs. Many of these Unstyled libs ignore these primitives as the browser defaults are relatively good, but react-aria has opinions on how these should work across browsers and devices. 👌
I am trying to exorcise bootstrap from a whole ecommerce platform. To make things worse, the people who created the templated added more than 30k lines of CSS on top of it. But the higher ups don't want Tailwind or "any of those libraries, we want to keep it simple".
Because Radix gives you all the functionality, but you can style the components however you want. It does all the hard work for you, you just have to style it. Flowbite assumes you use Tailwind (which many don't) and has styling opinions that don't necessary work for a custom app that needs to follow some specific branding.
Kind of dont get the hype. It just means more work for me to style everything. I guess I prefer to just overwrite the stuff from a stylized library 10% of the time instead styling everything 100% of the time.
Sam, I missed your videos too much after I saw you last time on the tailwind conference not so long ago. Come back with new videos more often. You are my inspiring star in web development 💖
He is starting to get into selling Online Courses right now, so probably he will eventually produce less and less top notch videos on UA-cam and the ones he do produce will be to either promote his own course or to sponsor something else or a product, this seems to be standard in tech youtubers nowadays. I hope I'm wrong and Sam prove me otherwise :/
@@ariell121 If Ryan and I can make Build UI sustainable + our sole source of income, I'll have more time for UA-cam, not less! My UA-cam consistency always takes a hit when I need to divert time and attention to client work, so I'm absolutely hoping to prove you wrong - my goal is to be a full-time educator and UA-cam is a critical piece of that. I hope folks never feel the need to purchase any of our products and will always be able to find a wealth of free material here on UA-cam. Appreciate you sharing your perspective & I'm asking you to help keep me honest!
@@ariell121 he doesnt owe us anything and deserves the right to make money from selling his knowledge and his skills.
Thanks a ton for making this video! Used HeadlessUI for a while and didn't fully know what Radix was, I assumed it was a pre-styled component library. Definitely compelled to move from HeadlessUI now to Radix after seeing this!
So how’d it go? I’ve used headless ui and wanted to give radix a shot but I’m not sure
This collab series with Radix has been great!
An absolutely lovely intro to Radix Sam, love you're style bud :)
MUI used to be my go-to, in fact it used to be everyone's choice, but they start dying slowly and progressively because of this very reason and everything they did was very heavily coupled!
I still love MUI but unfortunately the world is moving so fast to stick around with legacy tech stacks including MUI... R.I.P MUI
On the good and positive side, new UI libraries were born such as Radix UI, I simply fell in love the very first time I start using it, it felt as if I wrote the entire library myself, everything from high to the very low level were well-thought through and I absolutely love it!
Thanks for the video, Sam, this was my experience that I felt I should share with some of you out there 😊
This library is clean! Using it going forward 😎
What a video content quality, so cool
I am using shadcn nowadays. That's great too.
shadcn is built on top of radix...
Yeah, it’s radix with sane default styling that is easy to customize and you literally own the code.
@@lukemoralesTV Yes I know...
It's been 2 months since the last update, maybe the maintainability isn't that good?
Shadcn + Radix + Tailwind + Next = Perfect Tech Stack
I discovered radix through the hype surrounding shadcn, radix is exactly what I want.
Definitely gonna use this in my next project
Great intro to Radix, thanks Sam :-)
And thanks for your incredible work on it! ☺️
Thanks! Must try!
man, you are amazing speaker.
your videos are the beat
I'll give it a try and will let you know ✌🏻
Wow, Great man
So amazing
What do you think of the radix radio or checkbox? Or toasts? I like some of radix but there's weird implementation details too all over.
@samselikof From watching your other videos, i wanted to ask how do you navigate to the code so fast and without the mouse? Do you use vim or just the basic keyboard shortcuts that come with vscode? I thought that looked cool so i want to learn to write like that. Can you suggest me where i can learn to code like that? Either way, thanks for your videos i have learned a lot from them.
I’ve been using Headless UI, maybe I’ll try it in the future
Radix + Tailwind + Framer Motion + Next/Vite + Prisma. What does everyone think about this full stack?? Suggestions Please!!
what do u think of radix vs react aria components? ik react aria components is still in alpha but I have had a great time using it. never used radix tho
React-aria & react-stately are so good imo. I would highly recommend using these if you want more custom control over behaviour.
Radix UI is good too but you are a bit locked in to how it works. React aria is good because it's opt-in. You can rename props, push custom functionality, exclude props, destructure state and make it work differently. All without having to break how it works.
One other difference is that it has opinions on buttons and inputs. Many of these Unstyled libs ignore these primitives as the browser defaults are relatively good, but react-aria has opinions on how these should work across browsers and devices. 👌
Plz create a good-looking navbar with Radix Ui
radix is the best!
How does it compare to HeadlessUI? What are some arguments to choose one over the other?
Could anyone share some experience compared to Headless UI?
Is that what is used in catalyst?
Heard of Radix DLT? DeFi for the masses.
shadcn is the new bootstrap, every react youtube tutorial looks the same now 😂 its basically a monochromatic radix ui theme.
Do you think XRD is a top 10 coin?
Is it open source like completely free?
Shadcn is also same uses radix ui
I am trying to exorcise bootstrap from a whole ecommerce platform. To make things worse, the people who created the templated added more than 30k lines of CSS on top of it. But the higher ups don't want Tailwind or "any of those libraries, we want to keep it simple".
There's Flowbite and it's compatible with Tailwind...
Why are people pumping Radix all of a sudden?!
Because Radix gives you all the functionality, but you can style the components however you want. It does all the hard work for you, you just have to style it.
Flowbite assumes you use Tailwind (which many don't) and has styling opinions that don't necessary work for a custom app that needs to follow some specific branding.
Oh I see! Thank you.@@rand0mtv660
I can't write CSS now.
I can't get radix ui working for radio buttons
are working with radix?
Kind of dont get the hype. It just means more work for me to style everything. I guess I prefer to just overwrite the stuff from a stylized library 10% of the time instead styling everything 100% of the time.
shirt fold