Radix UI Tutorial: Create Customizable UI Components

preview_player
Показать описание
In this video, you'll learn the pros and cons of various React component libraries and discover why Radix UI stands out as a superior choice. I'll walk you through real-world examples to show how easy and powerful it is to use Radix UI for building modern, accessible, and customizable interfaces. Don't miss out on this comprehensive guide to elevate your web development skills!

This video is NOT sponsored. Some product links are affiliate links which means if you buy something I'll receive a small commission.

SERVICES THAT I'M USING

STUFF I USE

TIMESTAMPS
0:00 Introduction
0:13 Unstyled
0:50 Versatility
1:17 Accessibility
1:47 This is a solution
2:40 Alert Dialog
4:33 Single Select

MOST POPULAR COURSES

CONNECT WITH ME!

REFERENCES
  1. Monsterlessons Academy
  2. radix ui
  3. radix ui tutorial
Рекомендации по теме
Radix UI Tutorial: 0:06:11

Radix UI Tutorial: Create Customizable UI Components

What is Radix 0:03:05

What is Radix UI?

Why Shadcn Over 0:00:41

Why Shadcn Over Radix? Customizable Components Made Easy! #shadcn #ui

Styling a Radix 0:10:53

Styling a Radix Dialog with Tailwind CSS

What is Radix 0:03:11

What is Radix Themes?

Radix UI component 0:23:51

Radix UI component with Next JS and Tailwind CSS

Building a Great 0:09:22

Building a Great UI is Easy with this React Library

This UI component 0:08:23

This UI component library is mind-blowing

Reusable Modals with 0:14:31

Reusable Modals with Radix UI

Why Unstyled Components 0:09:01

Why Unstyled Components are so popular - Explained!

Why Radix UI 0:02:22

Why Radix UI is a Game-Changer for Web Component Design

They Dropped THIS 0:05:06

They Dropped THIS And Thought Nobody Would Notice

Why is Radix 0:07:12

Why is Radix Themes Built This Way — A Solution

radix-ui/themes - Gource 0:00:34

radix-ui/themes - Gource visualisation

Radix UI Overview 0:08:03

Radix UI Overview

Refactoring a Radix 0:40:19

Refactoring a Radix Dropdown Menu

Learn Shadcn UI 0:15:25

Learn Shadcn UI | Tailwind CSS & Radix UI Components

Unstyled Component Libraries 0:12:07

Unstyled Component Libraries Are A Game Changer

My New Favorite 0:18:01

My New Favorite Next.js 13 UI Library (Radix UI Themes)

Next.js Projects: Build 1:33:06

Next.js Projects: Build a Full-stack App with Next.js, Tailwind, Radix UI, and Prisma

The Best UI 0:54:06

The Best UI Components that EVERYONE is Using!

These 2 UI 0:05:03

These 2 UI Libraries Are The Perfect Combo

Shadcn/UI Without Installation: 0:01:00

Shadcn/UI Without Installation: Radix UI & Tailwind CSS Combined! #shadcn #ui

My Favorite Abstraction 0:10:52

My Favorite Abstraction in React Explained (RadixUI's asChild prop + Slot Component)

Комментарии
Автор

Funny I just googled radix yesterday. Looks interesting. Is there something similar for Angular?

BrendanAlexander
Автор

Not a fan of these type of component libraries which I feel should be called CDKs since they require more coding to make them actually usable. Not easy to hand off to a jr dev and you're forced to create your own custom component with opinionated styling. Otherwise this requires a lot of copy/paste boilerplate strewn throughout your code. Maybe I just want a modal component where I specify title, description and button text and maybe pass it a class for styling.

simianstyle