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

👍Рассказ хорош, давай, давай вепред, контент в кайф, можно вот это всё почаще😻

Классный контент! 😊 Продолжайте, пожалуйста! Только вперёд! 😀👍

Супер, спасибо! желаю развития вашему каналу!

Спасибо большое. Классный гайд по Shadcn 👍

Спасибо за видео, хорошая подача, интересная тема) Успехов в развитии канала)

Отличный гайд, спасибо! Я только начинаю и умираю от всего, связанного с вёрсткой. Эта "библиотека" выглядит как клёвое решение!

Это очень классная либа, а то надоело по 100 раз стилизацию ui пилить, подход просто поразил!

мне понравился такт и голос - ты крутая !

Выглядит круто, надо пощупать.

Спасибо и газ в пол! Узнал от вас про этот подход и вы не представляете как этот вариант нас сейчас спасет. У нас мини-команда мы делаем проект в котором сроки сдачи проекта горят, верстать нужно быстро и качественно. Подход с которым вы поделились, он нам поможет и я уверен, мы уложимся в срок и сдадим успешный кейс.

Как глоток свежего воздуха😊👍

Спс, давно искал как быстро делать интерфейсы для typescript из json обьекта 🎉

Да, это весьма удобно!

Огромное спасибо вам за видео

Да, лучшая ui "библиотека" на данный момент.

Хорошее видео, очень понравился контент. Сам в разработке и очень приелись всякие мантины да antd, жаль в нашей компании не произойдет революции, но хоть на ютубе посмотрю на удобное решение😂

Полина, молодец🤙

Теперь ждём видео по Tailwind

Супер!!!!

Нет ничего лучше, чем свой код написанный с нуля, который можно переносить в новый проект.

Полезная штука, девочка ты молодец!

Хорошая технология, узнал о ней недавно, собираемся для продакшена делать свой UI kit, как раз смотрим на эту штуковину. Я бы не стеснялся называть её библиотекой, даже если авторы не хотят так её называть. Ну и что, что файлы компонентов в итоге лежат в src, а не node modules, всё равно это библиотека, ничто не мешает перенести эти файлы в другой проект или вообще собрать их в пакет. 🤷🏻‍♂️ Да, подход не совсем стандартный, но другого удобно термина не придумали, да и противоречий никаких нет. Можно назвать генератором, типа как yeoman, можно библиотечным генератором 🤷🏻‍♂️ Однако есть минус у такого подхода: если в компоненте есть какой-то баг, то его придётся исправлять каждому, после модификации уже не получится обновить 😅 Зато полный доступ ко всему коду, не надо придумывать слоты там всякие

Канал - находка. Девушка умница - красавица

Спасибо за интересный рассказ, очень крутое решение, если в проекте используется tailwind. Кстати про проверку callback'a на существование, может быть знаешь, может быть будет полезна инфа: вместо onClick && onClick(e) можно написать onClick?.(e)

За luicide спасибо

Спасибо, интересно и полезно! Бубет круто, если снимете видео подробное про Taiwind css для работы в нем. Развития вашему каналу 👍

Классное видео, но устал наблюдать как вручную происходит форматирование отступов. Используй cmd+alt+F и все отсутпы автоматически выровняются. ))

А если обычный ReactApp то не будет работать?И что если не использовать тайлвинт?

очень классный гайд, понраивлось как ты объясняешь продолжай в том же духе можешь пожалуйста посоветовать как выучить typescript, handbook на официальном сайте это норм ресурс?

Сними еще ролики про Tailwind и React-Hook-Form

Семантически правильнее писать не div а header =>

У меня есть вопросик. После того как поменял сss переменную --primary на синий, кнопка на hover становится полностью белой, в видео я такого не вижу. С чем это может быть связано?

Можно пожалуйста в отдельном видео о Tailwind и чем его использование отличается от простого прописывания всех стилей в атрибут style?

То как вы описываете процесс кастомизации, после слова "материал" дает понять, что сложен он для вас просто из-за отсутствия понимания концепции Модуль-Слот. В том же mui достаточно просто посмотреть слот через код элемента и забить стилизацию в тему. Но нет, лучше потратить время на сырую либу, которую в продакшн тянуть все равно, что убить проект до его начала.

Хорошая технология говоришь? Для чего она вообще, если ее нельзя использовать на реальных проектах? Дизайнер сделал макет и где там прилепить тайлвинд?

Видео отличное, но непонятно как устанавливать на nuxt 3

подскажите хакатону по вебу пожайлуста

Классная технология, теперь общие компонентики можно и не создавать в ручную

Спасибо за обзор! Что то новенькое, правда непонятно зачем каждый компонент одтельно ставить через npx, просто привык что поставил либу всё, тягай какие хочешь компоненты без доп установок

Где видео?

Остается воспрос, как быстро это работает. Потянет ли в больших проектах? Насколько тяжелый будет готовый билд с таким количеством пакетов и т.д.

Antd, mui?

Это под vue работает или только под реакт?

зашел, посмотрел. пара десятков зависимостей почти на 8 метров. Нах она такая нужна. А да, для петов разве что. Ну и на собраниях самых лютых бездельников, называемых хатаконами =)

Только не вайт а вит. Vite (French word for "quick", pronounced /vit/, like "veet")

vite (на французском - быстрый) читается как вит, не вайт 😱 видос огонь, долго тупил с псевдонимами папок, потому что компоненты в /src/features привык создавать, и вроде осознавал в чем собака зарыта, но не понимал. 10 минут видоса могли сэкономить несколько часов

Вит читается как Вит, а не Вайт 😊 За обзор лайк, подписка, но библиотека так себе, особенно эти всякие тайлвиндв 😱

Еще одна новейшая беспрецедентная и переворачивающая мир технология на голову бедного фронтендера) Для прототипирования выглядит хорошо (собственно также хорошо, как и все существующие уже библиотеки), для использования с реальным дизайном - больше времени потратишь на кастомизацию, чем на создание своей либы с нуля по ui-kit. Потому что для того, чтобы все сделать правильно, придется углубляться в доку, изучить best practicies, погуглить "а как в этой библиотеке сделать то-то..."., и так далее. По сути выглядит как очередная надеющаяся стать хайповой штука, не имеющая под собой ничего особо нового.

++

Это только для реакта?

Ничего не понял )) чем эта библиотека, а это по всем признакам библиотека, лучше Material Ui или скажем Chakra Ui. В которых элементарно меняются стили, задаются свои таким же образом . Причем даже проще.здесь мы передаем класс пропсами , так ещё нужно понять что делает этот класс. В Chakra например мы просто пропсами передали стиль который хотим переопределить и все )) . Опять же устанавливать каждый компонент отдельно, возможно в этом и есть какой-то смысл, но мне , так, на вскидку )) показалось это вообще неудобно.

теииил=( ненавижу... хотя написаный форм уже ништяк... надо будет тестануть

Тема хорошая, но это никакая не технология, а вверх на radix ui component library

Не могу понять как это использовать с next

Искал рецепт классического приготовления борща, а выдало данные видео...(((

Tailwind зло 😢Пожалуйста, не надо его рекламировать)

Ссылка на онлифанс?

Не понятно чем вам Chakra не устраивает

Bootstrap уже давно использует такие классы

Нафиг этот tailwaind

не вайт а вит(Vite)

Всё хорошо рассказано, только Vite не "вайт", а "вит" произносится, это даже описано в официально доке:) Немного режет слух.

Ты уверена, что ты работаешь там где нужно?

Vite - "вит", а не "вайт"

Зачем тебе лапуля ИТ, с твоими данными лучше на порнохабе быть, больше пользы

Нахрена ты полезла в программирование. Иди рожай

Не вайт а ВИТ от французского слова "быстрый"! Из доки: Vite (French word for "quick", pronounced /vit/, like "veet") is a build tool that aims to provide a faster and leaner development experience for modern web projects. It

++