Shadcn UI - создавать приложения на React еще не было так просто! Гайд за 30 минут
Урок и туториал по ShadcnUI. Это не простая UI библиотека. Это особый подход к разработке. Шаблон для интерфейсов и большим кодичеством готового и полезного кода. Shadcn ui совместим с TypeScript, Radix ui, Gatsby, , Tailwindcss, Vite, Zod, react-hook-form, tanstack react table и многими другими библиотеками и инструментами
00:00 Теоретическая часть
03:10 Практическая часть
04:06 Установка
06:48 Tailwind. Что это в кратце
07:21 Продолжаем установку (tailwind)
07:50 Алиасы
10:05 Продолжаем установку (shadcn)
12:21 Пример на кнопках
16:14 Lucide React
17:16 Снова вернемся к кнопкам
18:28 CSS переменные и кастомизация цветов
19:41 Switcher и работа с формами
25:26 Input
27:51 Умные таблицы
28:55 Про Radix UI
1 view
605
141
3 months ago 00:07:45 2
/ React Tailwind Component Library Options | shadcn/ui, NextUI, HeadlessUI and more
4 months ago 00:03:43 1
Front-end web development is changing, quickly
4 months ago 02:20:39 3
How to Build and Deploy a Portfolio with that Will Land You Jobs
5 months ago 00:15:53 1
Shadcn/ui but for Laravel
5 months ago 00:07:13 5
Build Your Own Component Library, With `Shadcn-vue` | Live 2024
7 months ago 00:25:02 1
Web Developer Roadmap (2024) - Everything is Changing
8 months ago 11:12:21 1
Build a Duolingo Clone With Nextjs, React, Drizzle, Stripe (2024)