shadcn/ui - создавать красивые сайты еще не было так просто! UI Библиотека Game Changer для React!

preview_player
Показать описание
Быстрый курс по библиотеке shadcn/ui! Создать красивый сайт теперь можно очень быстро и удобно :)

shadcn/ui - это относительно новая UI библиотека, которая имеет абсолютно новые подходы к представлению UI библиотеки в целом.
В этом видео мы с вами установим первый компонент используя эту библиотеку и я расскажу о том, как ее настроить для себя!

Тайм коды:
00:00 Что такое shadcn/ui?
00:37 Темы и кастомизация
01:11 Установка библиотеки
01:53 Как правильно настроить shadcn/ui при установке
03:29 Устанавливаем первый компонент
05:30 Функция cn() - зачем она нужна?
5:56 Используем свой первый компонент в приложении
7:26 Заключение

  1. Mark Tried Coding
  2. Красивый сайт 2023
  3. Лучшие UI библиотеки
  4. Как создать красивый сайт быстро
  5. shadcn ui
  6. shadcnui
Рекомендации по теме
shadcn/ui - создавать 0:08:00

shadcn/ui - создавать красивые сайты еще не было так просто! UI Библиотека Game Changer для React!...

Shadcn UI - 0:30:12

Shadcn UI - создавать приложения на React еще не было так просто! Гайд за 30 минут...

Dark Mode & 0:00:18

Dark Mode & Themes in shadcn/ui: Style Your App with Ease! #shadcn #ui

Shadcn/ui Unveiled: Copy, 0:00:22

Shadcn/ui Unveiled: Copy, Paste, and Build with React Components! #shadcn #ui

Why Everyone Loves 0:00:58

Why Everyone Loves Shadcn UI Right Now #reactjs #reactdevelopment #nextjs

Shadcn UI Crash 0:07:29

Shadcn UI Crash Course #1 - Introduction & Setup

Серый цвет в 0:00:36

Серый цвет в UI/UX дизайне

🚀 CRM система 5:14:38

🚀 CRM система с нуля на VUE 3 / NUXT [Vue Query / VeeValidate / Pinia / Shadcn / AppWrite / TS]...

Мощь библиотек и 0:00:40

Мощь библиотек и фреймворков: jQuery, React, Angular и другие

shadcn/ui for Vue.js 0:38:01

shadcn/ui for Vue.js

🍕 NextPizza / 22:56:41

🍕 NextPizza / Разработка FullStack интернет-магазина (клон ДодоПиццы) [NextJS, TS, Prisma, NextAuth]...

Shadcn UI Crash 0:10:46

Shadcn UI Crash Course #2 - Card Components

Библиотеки React JS 0:00:47

Библиотеки React JS с эффектом parallax #javascript #react

Слышал про эту 0:00:56

Слышал про эту библиотеку ? #it #dev #frontend #react #frontendiya

Хватит использовать uuid 0:00:17

Хватит использовать uuid в javascript! #javascript #tips #tricks #dev #frontend

Этого боятся все 0:00:53

Этого боятся все react разработчики ! #it #dev #frontend #react

Shadcn UI Crash 0:07:52

Shadcn UI Crash Course #3 - Badges, Buttons & Avatars

Библиотека компонентов Material 0:48:59

Библиотека компонентов Material UI. Быстрый старт

Библиотека компонентов Chakra 0:45:39

Библиотека компонентов Chakra UI. Быстрый старт!

ТОП 5 #JS 0:10:09

ТОП 5 #JS БИБЛИОТЕК | ПОЛЕЗНЫЕ JAVASCRIPT БИБЛИОТЕКИ | УДОБНЫЕ #JAVASRIPT БИБЛИОТЕКИ ДЛЯ РАЗРАБОТКИ...

Full-stack билдер Админки 2:26:10

Full-stack билдер Админки за 2.5 часа | Next.js | Drizzle | shadcn

Библиотека UI компонентов, 0:43:31

Библиотека UI компонентов, о которой вы всегда мечтали / Роберт Харитонов (Liberty Global)...

3. Кнопки | 0:22:28

3. Кнопки | Создаем свою UI библиотеку

ПОЛЕЗНЫЕ REACT БИБЛИОТЕКИ 0:00:36

ПОЛЕЗНЫЕ REACT БИБЛИОТЕКИ FRONTEND

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

Мне 43 года, недавно открыл для себя (спустя 20 месяцев) фотошоп и иллюстратор! Следующий будет CSS HTML! 🇨🇦

dansyz
Автор

Здравствуйте. У меня такой вопрос:

Допустим есть проект на react/next. До определенного момента я реализовывал этот сайт самостоятельно: поля ввода, карточки товаров, кнопки и тд. Потом наступил момент, когда мне нужно было реализовать карусель картинок и я установил npm библиотеку embla carousel.
Я продолжил реализацию и мне понадобились такие компоненты, как rating star, accordion/collapse меню или range slider price компонент, которые есть в shadcn/ui
Нормально ли использовать такую смесь компонентов/библиотек, и хороший ли признак использовать ui библиотеки в проектах, например по реализации коммерческих интернет магазинов на next? Например компоненты bootstrap использовать не очень, если не надо делать сайт на скорую руку. А вот как с ui? Не работал до этого с подобного рода библиотеками, и нет знаний в этой области.

спасибо

pavelbodnar
Автор

Так, а что если тайлвинт не использовать?

Akvi-vb
Автор

Хороший обзор, желаю побольше просмотров!

WellKnown-udjt
Автор

Давай снимай больше бро, только помедленнее рассказывай 👍

КонстантинВысочин-цы
Автор

а зачем мне её устанавливать, если ты даже не продемонстрировал её возможности ? или мне обо этом посмотреть на другом канале ? - так я и подпишусь на тот канал ))

bjol_Dg