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
/ 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: www.radix-ui.com/
Headless UI: headlessui.com/
Reach UI: reach.tech/
React Aria: react-spectrum.adobe.com/reac...
Pedro Duarte Presentation: • "So You Think You Can ...
🎵 Where I get my music from
Epidemic Sound: www.epidemicsound.com/referra...
🤝 Services I use
NordVPN - go.nordvpn.net/SH4vc
🎥 My gear
Monitor - Dell S3423DWC 34
amzn.to/3XcAXuR
Headphones - AKG K240 Studio
amzn.to/3J7vAZJ
Earbuds - Jabra Elite 4 Active
amzn.to/3Hm4k8M
Mic - HyperX SoloCast
amzn.to/3QLS6tg
Keyboard - Apple Magic Keyboard
amzn.to/3GDz9UO
Trackpad - Apple Magic Trackpad
amzn.to/3CQAq9P
Camera - Sony a6400
amzn.to/3w4d7Wf
Lens 1 - Sony 16-50mm f/3.5-5.6
amzn.to/3iDSk99
Lens 2 - Sony - FE 50mm F1.8 Standard Lens
amzn.to/3GHFheU
Lens 3 - Samyang SY12M-E-BK 12mm F2.0
amzn.to/3WclDgM
📬 Inquiries (Collabs, Sponsorships etc.)
frontstartdev@gmail.com
22 июл 2024
