Building a Great UI is Easy with this React Library

  Рет қаралды 26,364

Josh tried coding

Josh tried coding

Күн бұрын

This is one of my favorites among all the React UI libraries. It saves you so much hassle in setup, encourages your own design system, and you only install what you actually need for a small bundle size. You deserve to know about it, and I hope it serves you well in your next React project!
My GitHub: github.com/joschan21
Radix UI: www.radix-ui.com/
One of my projects built with Radix: github.com/joschan21/image-al...
ARIA-Standards: www.w3.org/WAI/standards-guid...
Wishing you lots of fun building your own cool stuff with this!

Пікірлер: 40
@eduardoserrano2015
@eduardoserrano2015 Жыл бұрын
This is great. Initially I didn't want to use radix because I thought they had a styling convention, but seeing that you can have full control over that even with tailwind is insane. I'll definitely implement this in my projects! Great video
@utkarshseth3082
@utkarshseth3082 Жыл бұрын
Thanks Josh. This video help me - I was working with react calendar and I was facing overlapping issue but now when I tried this Radix Ui to solve this overlapping issue this problem solved now. Thanks for making this video.
@prashlovessamosa
@prashlovessamosa Жыл бұрын
Thanks man always love your content waiting for another masterpiece like next js.
@martiananomaly
@martiananomaly Жыл бұрын
Great timing. I started using radix-ui a week ago and it's absolutely amazing.
@_O0.0O_
@_O0.0O_ Жыл бұрын
I discovered this like yesterday and came across your video today. Google knows what I want to see lol. Radix is awesome! 🎉
@utkarshseth3082
@utkarshseth3082 Жыл бұрын
Later I saw you video but I didn't think it was so helpful but this time it helped me a lot.
@romulororizz
@romulororizz Жыл бұрын
Radix hat eine wirklich gute und einfache verstehende Dokumentation. Gute Arbeit wie immer Bro 👊🏼👊🏼
@joshtriedcoding
@joshtriedcoding Жыл бұрын
Thanks man. Appreciate it
@oscardasilva971
@oscardasilva971 Жыл бұрын
Hi Josh, I love your content so much. I wish you keep uploading
@user-QesOrwuMqN
@user-QesOrwuMqN Жыл бұрын
Hi, thanks for the Radix UI, never heard about it. I used headlessui it has much less components but with the same amount attention to the accessibility
@rikudevs
@rikudevs Жыл бұрын
Super. Might use radix in next project. Not opinionated, seems to work great with twind and has a good documentation. Thanks for the vid
@joshtriedcoding
@joshtriedcoding Жыл бұрын
cheers dude
@Tommy-and-Ray
@Tommy-and-Ray Жыл бұрын
Hey Josh great vid as always ❤ By the way, do you usually prefer using Shadcn/ui or Redix ui?
@artu-hnrq
@artu-hnrq Жыл бұрын
Nice! I'll certainly give it a try
@Felipe-pb9gu
@Felipe-pb9gu Жыл бұрын
Thanks! Looks very cool! Most components use the 'use client' statement, do you think it affects the overall performance?
@shubhchaudhary6562
@shubhchaudhary6562 Жыл бұрын
Will try this but ever since I used DaisyUi I have been in love with it
@microspacer
@microspacer Жыл бұрын
Thank you very much!
@AristeoIbarra
@AristeoIbarra Жыл бұрын
Nice!! Thanks bro
@alexanderkomanov4151
@alexanderkomanov4151 Жыл бұрын
Thanks!
@Gangbuster74
@Gangbuster74 Жыл бұрын
please make a video on prime React UI library too
@rhkina
@rhkina Жыл бұрын
Looks great! But, which one do you prefer: radix or shadcn?
@unrelentingpest
@unrelentingpest Жыл бұрын
Shadcn is built on Radix, its intended to be a reference/starting point to make your own Radix components
@liferc
@liferc Жыл бұрын
Thanks man. What about Headless UI?
@rashzh5502
@rashzh5502 Жыл бұрын
Same for here. Should I use Radix or Headless?
@nigeldasilvalima4568
@nigeldasilvalima4568 Жыл бұрын
Headless is great, but the components quantity is too small compared to Radix
@nabinsaud4688
@nabinsaud4688 Жыл бұрын
I also love chakra ui tailwind Css
@joshtriedcoding
@joshtriedcoding Жыл бұрын
They do go well together, unlike MUI which is a nightmare with tailwind
@nabinsaud4688
@nabinsaud4688 Жыл бұрын
@@joshtriedcoding yes
@nurhuud
@nurhuud Жыл бұрын
@@joshtriedcoding i dont know to custom accordion arrow on radix
@mahdiph1087
@mahdiph1087 Жыл бұрын
redix great but still need to work on it for example i need to use popover with hover on it but i think this is not work for now
@talatkuyuk6556
@talatkuyuk6556 Жыл бұрын
Did you open an issue in that library?
@user-qj4rr1rm8i
@user-qj4rr1rm8i 4 ай бұрын
Josh, your Windows is waiting for a reboot for updates.
@fay7253
@fay7253 Жыл бұрын
you didn't add the link to the image generator project
@joshtriedcoding
@joshtriedcoding Жыл бұрын
I did, it's the third link
@hamidmohamadi2943
@hamidmohamadi2943 Жыл бұрын
But I still prefer to use MUI.
@jason_v12345
@jason_v12345 Жыл бұрын
I almost feel guilty for not using these UI libraries, but everytime I investigate them my reaction is always the same: these components are laughably easy with modern CSS. I figure if I have trouble creating a popover, then that's probably the least of my concerns. In a pinch, it's pretty easy to ask ChatGPT, "Write me a popover," and instantly I have one that is customizable both stylistically AND functionally.
@abusalimansari6279
@abusalimansari6279 Жыл бұрын
I am first viewer
How Did I Not Know About These React Hooks Before?
13:48
Josh tried coding
Рет қаралды 30 М.
How Did I Not Know This TypeScript Trick Earlier??!
9:11
Josh tried coding
Рет қаралды 208 М.
Nastya and SeanDoesMagic
00:16
Nastya
Рет қаралды 46 МЛН
Comfortable 🤣 #comedy #funny
00:34
Micky Makeover
Рет қаралды 14 МЛН
Smart Sigma Kid #funny #sigma #memes
00:26
CRAZY GREAPA
Рет қаралды 12 МЛН
Why I Pick ShadCN and Tailwind for all my projects
18:53
developedbyed
Рет қаралды 61 М.
This UI component library is mind-blowing
8:23
Beyond Fireship
Рет қаралды 641 М.
My 11 Step Software Building Process
14:12
Gino
Рет қаралды 4,5 М.
Radix Themes: Awesome New Components For NextJS
23:46
Jack Herrington
Рет қаралды 16 М.
Unstyled Component Libraries Are A Game Changer
12:07
Web Dev Simplified
Рет қаралды 275 М.
Fetching Data Doesn't Get Better Than This
6:58
Josh tried coding
Рет қаралды 104 М.
These New Components Blew My Mind
7:06
Theo - t3․gg
Рет қаралды 89 М.
They Dropped THIS And Thought Nobody Would Notice
5:06
Josh tried coding
Рет қаралды 26 М.
I Spent 3 Months Building This SaaS
7:19
Josh tried coding
Рет қаралды 19 М.
Why Signals Are Better Than React Hooks
16:30
Web Dev Simplified
Рет қаралды 468 М.
Как удвоить напряжение? #электроника #умножитель
1:00
Hi Dev! – Электроника
Рет қаралды 1,2 МЛН
Как бесплатно замутить iphone 15 pro max
0:59
ЖЕЛЕЗНЫЙ КОРОЛЬ
Рет қаралды 8 МЛН
Samsung laughing on iPhone #techbyakram
0:12
Tech by Akram
Рет қаралды 7 МЛН
Nokia 3310 top
0:20
YT 𝒯𝒾𝓂𝓉𝒾𝓀
Рет қаралды 4,7 МЛН