shadcn/ui - uma biblioteca sem npm install?

preview_player
Показать описание
__________________________________________________________________

Eu sei que pode parecer estranho o título, mas é isso mesmo, o Shadcn/ui é uma biblioteca de componentes reutilizáveis usando Radix UI e Tailiwind CSs, mas não é uma component library.

Quer entender como isso funciona? 

Eu gravei um vídeo onde te explico como usar essa biblioteca em uma aplicação simples, vamos pro código de uma seção do site onde você precisa editar seu profile. Então clica no link do final do email e confere na íntegra.
Рекомендации по теме
Комментарии
Автор

Muito massa a maneira que você ensina cara. Quero ver mais seus conteúdos e eu gosto de ver porque é mostrado o uso de mundo real mesmo 🤜🏼🤛🏻

alison.aguiar
Автор

Parabéns pela produção de conteúdo e didática.

juniordbz
Автор

Cara, que delícia essa para de shadcn, já tinha ouvido falar mas nunca tinha visto em ação kkkk. Estou começando a aprender React, esse vídeo só me deu mais vontade

danilo_teixeira
Автор

Excelente conteúdo João, parabéns!
Tô usando o radix junto com o tailwindcss no react faz alguns meses e gostei muito da versatilidade e desempenho deles, além de funcionarem muito bem em conjunto. Pelo seu vídeo e o que tem na documentação do shadcn dá pra ver que parece bastante promissor, já vou começar algum projetinho com ele pra ir fuçando hehe. Muito obrigado por apresentar essa lib, abraço 🙌

adolfoscheidt
Автор

Muito bom!!!! Poderia dar um exemplo de como colocar mascara nos inputs.... Por exemplo mascara de valor "R$ 1, 00"

camillotargas
Автор

20:26 "A gente tem que abraçar com form os nossos inputs" o amigo é um gênio da linguagem msm

MarcusBoyDS
Автор

Muito bom mano. Conteudo de q u a l i d a d e !!!!

armandobretas
Автор

Bem interessante para um combo com o React Testing Library + Storebook, aí sim da pra testar a produtividade.

emanoelinfinity
Автор

Ótimo vídeo, Bibiano! Eu já tinha ouvido falar e até testei o shadcn/ui em um projeto, e realmente é excelente, como você mostrou no vídeo. Acredito que seria ainda melhor e mais simples gerenciar as variações dos componentes se integrassem com a biblioteca do tailwind-variants, que é muito boa para esse propósito (fica a dica de vídeo hehe).

Além disso, gostaria muito que você fizesse um vídeo detalhado sobre o pnpm, pois recentemente me interessei em utilizá-lo devido à melhor performance e economia de espaço em comparação com o yarn e npm. No entanto, estou tendo dificuldades em configurar corretamente o local/pasta de armazenamento (store) dos pacotes baixados pelo pnpm. Como tenho um SSD e um HD na mesma máquina, gostaria de deixar os pacotes "comunitários"/globais do pnpm no HD. Se você puder fazer um vídeo sobre o pnpm e tirar essa dúvida, ficarei muito agradecido hehe 😁👍.

pabloxt
Автор

Boa tarde !
Parabéns pelo trabalho !
Qual é o nome do tema do seu VSCODE utilizado neste Vídeo?

josenitolima
Автор

Lindo de ver, muito prático, valeu pela dica

devweb
Автор

Eu curti de mais essa lib mas queria saber se tem algo similar ao shadcn pra React native.

filipeleonelbatista
Автор

​ @joaobibiano opa, poderia me dizer qual tema vc estava usando no vscode? gostei e quero testar ;)

gmartins-dev
Автор

Pelo que eu entendi, ele te da a estrutura pronta e ai vc modela do jeito que vc acha melhor, é isso?

joaofilipe
Автор

Cara surge a dúvida se eu já tiver um projeto com themes taiwind definidos, para utilizar um component do shadcn ele vai sobrescrever todas as minhas definicoes? Estou tentando utilizar o data-table dele sem sucesso até agora kk.

reydsonmartins
Автор

Tinha visto essa lib a alguns meses atrás, naquele momento achei meio "ok" póis não estava com componentes principais como data table e tabs navigation, mas agora ela esta bem mais evoluida...

edu_amr
Автор

E sobre cms quais são mais interessante de usar com next, estou testando o sanity e o strapi e achei bem complexo para configurar .

julianobresolin