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

[@aarovas]

Михаил, лучи добра Вам!

[@fellainthewagon7166]

пока изучаю JS, но уверен чуть позже такие видео будут очень полезными, спасибо!

[@petrbamper3100]

пока ты изучаешь JS выйдет еще 50 новых библиотек компонентов и к тому времени это будет не актуально

[@НатальяЧеркашина-о6т]

Спасибо большое за твою работу, Михаил! Очень помог!💖💖💖

[@Crash1796]

Вау, после бутстрапа выглядит как глоток свежего воздуха!

[@radikovichkz2470]

сделан на базе bootstrap

[@evgeniyn1542]

Отлично, раньше работал только с material-ui, интересно будет сравнить.

[@АлександрДудник-ю3х]

Спасибо за видео, как всегда все просто и понятно

[@rustam6287]

у вас классный и понятный контент

[@СергейВячеслаев]

Спасибо, мне - как бэкендещику, помогло в создании сайта портфолио)

[@yakut54]

О! Видосик новый подвезли )

[@vitaliiverdiiev7272]

Спасибо большое за объяснение!

[@АртемРубцов-н2э]

Круто! Лайк!

[@konstantinvoronin4687]

Chakra UI - классная библиотека. Выглядит очень дружественно. В material ui и ant design намного больше иконок и компонентов, но это их и плюс и минус одновременно. Приходится тащить в приложение много неиспользуемого, раздувается вес приложения. Жаль только, что у этой библиотеки нет собственного datePicker.

[@АлександрРетунский-р4ь]

Классно! Видео по Ant Design в студию ))

[@mishanep]

Теперь в студии 😀 kzbin.info/www/bejne/gpeumIRroqaWiNU

[@АртемРубцов-н2э]

Можете снять видео по Ant Design, было бы очень круто)

[@mishanep]

Да, в планах есть.

[@ArtemMindsurfer]

wow

[@rustam6287]

про next js сделайте видео пж

[@DavitAve]

По моему лучше tailwind нет для react только MUI и то бывает раздрожает

[@osad4enko]

с стороны оптимизации скорости первого отклика и загрузки всего контента лучше использовать модульный подход с навешиванием классов или props библиотеки компонентов?

[@kitN]

бегло глянул начало, буду смотреть позже

[@AndriusLauFullstack]

Material UI V5 ili Chakra UI ili Semantic UI :) Kotory vybrat dlja samovo prastovo ispolzivanyja.

[@mishanep]

Здравствуйте. Здесь не будет однозначного ответа. Кому-то проще будет с одним, кому-то с другим. Потом там разный набор готовых компонентов, а значит под разные задачи могут быть удобнее разные инструменты. Мне нравится Chakra UI, но иногда использую и другие библиотеки.

[@ПавелСоболев-ю4г]

@@mishanep Добрый день Михаил, подскажите про переиспользуемые компонеты. Есть форма, она одинаковая как для создания, например пользователя, так и для редактирования. Форма состоит из примерно 10 инпутов. Обычно, если я не использую библиотеки компонентов, я создаю общий компонет формы и передаю туда данные, используя одну и ту же форму как для создания так и для редактирования. В Chakra UI какой лучше подход, сделать переиспользуемый компонент, или просто продублировать форму на странице создания и редактирования? Спасибо за ответ!

[@osad4enko]

@@ПавелСоболев-ю4г создать компонент собранный не из тегов инпутов, а из элементов библиотеки Чакра и переиспользовать форму

[@GorgeousPuree]

Спасибо за видео. А подскажи плез, когда ты прописываешь цвет, то вс код подсказывает тебе возможные значения, например 'grey.500' У меня вебшторм, и такого не происходит, он подсказывает только названия самих пропов (maxWidth, padding и тд), но сами их значения, которые идут в кавычках - нет. Ты что-то ставил дополнительно поверх вс кода, чтобы был такой автокомплит?

[@mishanep]

Не припомню чего-то дополнительного. Vs code несколько иначе работает с typescript, а так как чакра написана на нем, то и автокомплит есть. Странно, что шторм не показывает.

[@dispeltr1183]

Крутая библиотека компонентов и не менее крутое объяснение! Спасибо большое!

[@myroslavkozar2230]

Спасибо. За крутой контент.

[@vladimirmuratov2220]

А как Вам tailwindCss? 🤔

[@mishanep]

Пока что никак. Руками до сих пор не потрогал, но с расстояния выглядит странно - это обилие классов. Мне нравится, что у них есть оптимизация стилевого бандла. Но вчитываться в набор строковых значений - на любителя. Да, в Чакре мы тоже можем много стилевых вещей набросать на компонент, но в виде объекта, как по мне, оно более читаемо, да и переиспользовать проще.