shadcn-ui - Conjunto de componentes para React, Nextjs, Vite, Astro

[@saverock_73]

Ayer estaba buscando info sobre como usar chadcn y hoy subis un video, estas un paso adelante siempre, gracias fazt

[@arturhonores9141]

Fazt!!eres lo máximo!!no sólo informas si no que brindas la información más relevante sobre el tema!!

[@2kceltics]

lo instale para juguetear un rato y el uso promedio de ram de mi pc en un proyecto es entre 6 y 7... empece a instalar unos cuantos componentes y dependencias para probar este shadcn y subio el uso de ram a 9gb hasta que dije "this is bullshit", con un poquito de artesania a mano sabiendo bien css y logica de radix y primereact y sus hooks te armas componentes mejores que esos. Buen video igual gracias !

[@stevenalvarado101]

Ya me adelanté, lo uso en mi trabajo desde un par de meses, aún así mil gracias Fazt por dar a conocer tan poderosa herramienta

[@arielzarate3643]

Graciass fazt me sirvió . Ya lo venía usando iguall , cuando probé V0 de vercel y pedí un ejemplo me lo creo con shacdn-ui

[@hernanarroyo2956]

Muy genial Fazt querido. Espero con ansias más contenido de shadcn-ui, y aprovecho para pedirte algo grande con Astro 💙 Gracias por tanto 🙂

[@rukho9888]

me da mucho gusto, saber que haz lanzado un video dedicado a shadcn ui, ya conocia sobre shadcn y justamente ayer lo estaba probando y la verdad es una excelente combinacion de componente dinamicos.

[@cesarint]

Gracias por subir contenido de valor, de verdad eres una gran ayuda en mi proceso de aprendizaje, te mando un beso

[@Deus-lo-Vuilt]

Gracias fazt , siempre voy guardando estas cosas para mis proyectos , se agradece la recomendacion , aprovecharé a irlo probando junto al video !

[@gadolfoalvarado]

Tremendo tutorial, sería maravilloso que realizaras un proyecto más grande explotando shadcn-ui.

[@keilerguardo2164]

Gracias por compartir siempre tu conocimiento y aprendizaje.

[@icedev8078]

Eso está mucho más interesante ya que puedes usar tus propios componentes 😊

[@jonathandajome690]

Qué crack! Todos estos recursos son muy útiles

[@alessiolaprofundamelodia]

Hola! hermano, muy buen video introductorio, avisame cuando vas hacer un video haciendo un app completa con shadcn

[@Manriquenlinea]

Fazt, te amo.

[@Deus-lo-Vuilt]

Estaría genial poder ver algun proyecto donde implementes shadcn, quizas algun login y register o alguna store etc

[@FaztCode]

Creo que podria hacer algun proyecto usando Nextjs con Prisma y NextAuth y la interfaz chadcn :)

[@Deus-lo-Vuilt]

@@FaztCode buena idea , un gusto verte por aquí compa

[@higeco1]

@@FaztCode ¡Gracias bro, estaría genial! 💪

[@AlejandroRM-MX]

Justo lo que buscaba

[@odracir9882]

gracias por el video, muy bueno ojala se pueda uno de radix-ui

[@giovannygarzonsoto]

genial justo lo estaba utilizando

[@Javierdeveloper1001]

Muy buen video como siempre amigo fazt , estaria bueno si podrías hacer un proyecto con laravel react y shadcn

[@iesus_dave0719]

porfa haz uno sobre cómo usar supabase con nextjs para autenticar usuarios y actualizar datos

[@soyjaider8996]

deberia dejar la carpeta @components/ui solo para componentes de shadcn?

[@derrbass]

Se ve muy interesante

[@dakuni99]

Nais, una librería mas para la colección

[@dil_ram]

Hay un tema y es que los componentes aunque no uses TypeScript siempre vienen typados, hay que borrar y modificar cosillas para usarlo con solo JS, igual es útil pero lástima que no está por defecto.

[@MAB015]

Súper, muchas gracias por la información! Sobre el proyecto ¿Ya salió?

[@reneysse709]

Tengo una duda, yo ya tengo mi proyecto avanzado y quiero usar esta librería, habría algún tipo de problema con los estilos y componentes ya creados?

[@marc7hedev]

Lo lograste? Yo también tengo un proyecto en PHP y Bulma, y quisiera cambiarlo a Shadcn

[@reneysse709]

@@marc7hedev Si lo pude, los componentes de shadcn son con tailwind así que si usas tailwind en tu proyecto no habría problema

[@colommbiano]

shadcn-ui y radix ui son compatible al momento de hacer cambio del tema ya sea modo dark o light ??

[@fernandot60]

Excelente contenido!

[@job-gg]

Pueden checar rewind-ui, tiene poco que se creó y tiene buenos componentes.

[@lemonsalvee]

Fazt te gustaria hacer una review sobre NextUI 2? seria muy interesante

[@0xOrganix]

Tremendo Mil gracias!!!!!!!

[@ianrpodev]

Por que con Astro siempre falla? los componentes con Framer o asi no funcionan.

[@antoniogiraldo1496]

Hola Fazt, que opinas de Ant design? :)

[@Gemios11]

Necesito saber el theme que usas en VSC

[@saimonjt585]

Solo funciona cuando uno crea un proyecto nuevo o se puede añadir a un proyecto ya existente? porque hace unos dias intente instalarlo a uno existente y casi me daña el proyecto, de no ser porque lo tenia subido a github

[@isaacrodrigueziriarte3442]

estoy lidiando con lo mismo para instalarlo en un proyecto y no puedo, de hecho no puedo acceder a ninguna ruta

[@isaacrodrigueziriarte3442]

Esto es lo que me funcionó. La diferencia es que al instalar cada componente tendrás que hacerlo manualmente y no con CLI

[@marc7hedev]

@@isaacrodrigueziriarte3442 Al final sí pudiste bro? De ser así, podrías mostrar tu proyecto para ver cómo quedó?

[@andresbustamante972]

Los estilos en globals estan siguiendo un formato para los colores que no es familiar para mi, cual es es el formato?

[@andresbustamante972]

El formato es hsl, por si a alguien le sirve 👍

[@Holri]

Master 🥵

[@carlosurielvillegas3904]

super

[@josegabrielpuente5546]

Fazt un curso de SQL

[@sergioqueirolo149]

cual es el backend recomendado para esto?

[@FaztCode]

shadcn es solo bibliotecas de componentes Frontend, asi que puedes usar el backend que quieras, aunque este proyecto tipicamente va relacionado con backend de Nodejs, en Nextjs (tambien usando Typescript)

[@josemfcheo]

1 crack dios meo

[@emersonnunez8489]

Se podría usar con angular?

[@FaztCode]

Lo siento esta biblioteca solo funciona con proyectos basados en react

[@ClaudioQuinones]

solo con tsx?, se puede con jsx?

[@FaztCode]

Si claro también con JavaScript es posible, solo le quitas los tipos de datos de typescript

[@joaqo09]

Existe algo igual pero para clases de boostrap ?

[@FaztCode]

Igual no he encontrado, pero en react esta react bootstrap, aunque ese si es una biblioteca de componentes

[@maximolive]

crack

[@julsjuex]

Hey fazt, ya no estas usando pnpm?

[@FaztCode]

Si lo uso de forma personal, pero no para tutoriales, porque muchos no lo usan y es un tema estar explicandolo en cada video

[@elyankee76]

Alguno lo ha podido usar con astro y react? se me ha complicado

[@AdlanzCast]

ne me sale error

[@elyankee76]

@@AdlanzCast Ya pude hacerlo xd

[@falopos2393]

no se puede utilizar shadcn sin typescript en un proyecto de react normal con vite?

[@FaztCode]

Si claro se puede usar con otros entornos de react como vitejs o incluso es posible instalarlo manualmente ui.shadcn.com/docs/installation

[@thanospl471diganaoamuie6]

Up

[@jesustzinon]

Bro es shadcn jeje

[@FaztCode]

corregido, gracias por el aviso :)

[@jordidimass]

Me dá un tic cada vez que apagas y enciendes en npm en vez de tener dos terminales xd

[@gabrielzidane9601]

Buena información pero pésima la pronunciación de tu inglés. No es "CHadChien" es "SHad SI En"

[@Duvan980]

Buena observación pero pésima objetividad sobre el contexto, No es un video sobre pronunciación de inglés, es de "shadcn-ui"

[@carloscespedes495]

para que enseñas esa mavillosos componentes a estos