Have you ever had issues with customizing component libraries or building your own custom components? If yes, then unstyled component libraries such as Radix UI, Headless UI, Reach UI or React Aria might be exactly what you need. They emerged in the last few years and are rapidly gaining in popularity. In this video you'll learn everything you need to know about them.
If you found this video helpful,
please give it a like 👍 and subscribe 📨 for more.
🐦 Follow me on Twitter
https://twitter.com/0xAndriy
⏰ Timestamps
0:00 Intro
0:33 Normal component libraries - Downsides
1:25 Building own components - Downsides
2:24 What are unstyled component libraries?
3:09 Example - Dropdown menu
5:00 What are unstyled component libraries?
6:04 Create a Popover with Radix UI
8:00 Should you use unstyled components?
📎 Helpful links
Radix UI: https://www.radix-ui.com/
Headless UI: https://headlessui.com/
Reach UI: https://reach.tech/
React Aria: https://react-spectrum.adobe.com/react-aria/
Pedro Duarte Presentation:
https://youtu.be/lY-RQjWeweo
🎵 Where I get my music from
Epidemic Sound: https://www.epidemicsound.com/referra...
🤝 Services I use
NordVPN - https://go.nordvpn.net/SH4vc
🎥 My gear
Monitor - Dell S3423DWC 34
https://amzn.to/3XcAXuR
Headphones - AKG K240 Studio
https://amzn.to/3J7vAZJ
Earbuds - Jabra Elite 4 Active
https://amzn.to/3Hm4k8M
Mic - HyperX SoloCast
https://amzn.to/3QLS6tg
Keyboard - Apple Magic Keyboard
https://amzn.to/3GDz9UO
Trackpad - Apple Magic Trackpad
https://amzn.to/3CQAq9P
Camera - Sony a6400
https://amzn.to/3w4d7Wf
Lens 1 - Sony 16-50mm f/3.5-5.6
https://amzn.to/3iDSk99
Lens 2 - Sony - FE 50mm F1.8 Standard Lens
https://amzn.to/3GHFheU
Lens 3 - Samyang SY12M-E-BK 12mm F2.0
https://amzn.to/3WclDgM
📬 Inquiries (Collabs, Sponsorships etc.)
[email protected]