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

Поделиться
HTML-код
  • Опубликовано: 2 ноя 2024

Комментарии • 76

  • @saverock_73
    @saverock_73 Год назад +23

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

  • @2kceltics
    @2kceltics Год назад +3

    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 !

  • @arturhonores9141
    @arturhonores9141 7 месяцев назад

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

  • @arielzarate3643
    @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

  • @stevenalvarado101
    @stevenalvarado101 Год назад +4

    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

  • @rukho9888
    @rukho9888 Год назад +1

    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.

  • @hernanarroyo2956
    @hernanarroyo2956 Год назад +1

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

  • @cesarint
    @cesarint 8 месяцев назад

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

  • @gadolfoalvarado
    @gadolfoalvarado Год назад +2

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

  • @Deus-lo-Vuilt
    @Deus-lo-Vuilt Год назад +1

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

  • @keilerguardo2164
    @keilerguardo2164 8 месяцев назад

    Gracias por compartir siempre tu conocimiento y aprendizaje.

  • @jonathandajome690
    @jonathandajome690 Год назад +2

    Qué crack! Todos estos recursos son muy útiles

  • @icedev8078
    @icedev8078 Год назад

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

  • @AlejandroRM-MX
    @AlejandroRM-MX 11 месяцев назад

    Justo lo que buscaba

  • @Manriquenlinea
    @Manriquenlinea Год назад +1

    Fazt, te amo.

  • @giovannygarzonsoto
    @giovannygarzonsoto Год назад +1

    genial justo lo estaba utilizando

  • @Deus-lo-Vuilt
    @Deus-lo-Vuilt Год назад +2

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

    • @FaztCode
      @FaztCode  Год назад +3

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

    • @Deus-lo-Vuilt
      @Deus-lo-Vuilt Год назад +1

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

    • @higeco1
      @higeco1 Год назад

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

  • @odracir9882
    @odracir9882 Год назад

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

  • @MAB015
    @MAB015 Год назад

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

  • @Javierdeveloper1001
    @Javierdeveloper1001 Год назад

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

  • @alessiolaprofundamelodia
    @alessiolaprofundamelodia Год назад

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

  • @derrbass
    @derrbass 10 месяцев назад

    Se ve muy interesante

  • @dakuni99
    @dakuni99 Год назад

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

  • @0xOrganix
    @0xOrganix Год назад

    Tremendo Mil gracias!!!!!!!

  • @iesus_dave0719
    @iesus_dave0719 Год назад +1

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

  • @lemonsalvee
    @lemonsalvee Год назад

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

  • @fernandot60
    @fernandot60 Год назад

    Excelente contenido!

  • @reneysse709
    @reneysse709 5 месяцев назад +2

    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
      @marc7hedev 2 месяца назад

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

    • @reneysse709
      @reneysse709 2 месяца назад +1

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

  • @antoniogiraldo1496
    @antoniogiraldo1496 Год назад

    Hola Fazt, que opinas de Ant design? :)

  • @colommbiano
    @colommbiano 11 месяцев назад

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

  • @dil_ram
    @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.

  • @job-gg
    @job-gg Год назад +1

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

  • @Gemios11
    @Gemios11 Год назад

    Necesito saber el theme que usas en VSC

  • @Holri
    @Holri Год назад

    Master 🥵

  • @carlosurielvillegas3904
    @carlosurielvillegas3904 Год назад

    super

  • @saimonjt585
    @saimonjt585 Год назад +1

    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
      @isaacrodrigueziriarte3442 Год назад

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

    • @isaacrodrigueziriarte3442
      @isaacrodrigueziriarte3442 Год назад +1

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

    • @marc7hedev
      @marc7hedev 2 месяца назад

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

  • @josemfcheo
    @josemfcheo Год назад

    1 crack dios meo

  • @julsjuex
    @julsjuex Год назад

    Hey fazt, ya no estas usando pnpm?

    • @FaztCode
      @FaztCode  Год назад +2

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

  • @andresbustamante972
    @andresbustamante972 Год назад +1

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

  • @DIAZJAVIER10
    @DIAZJAVIER10 28 дней назад

    Chicos ojo que ahora para instalar shadcn la sentencia es "npx shadcn@latest init " (ya no shdcn-ui...)

  • @maximolive
    @maximolive Год назад

    crack

  • @josegabrielpuente5546
    @josegabrielpuente5546 Год назад +1

    Fazt un curso de SQL

  • @sergioqueirolo149
    @sergioqueirolo149 Год назад

    cual es el backend recomendado para esto?

    • @FaztCode
      @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)

  • @emersonnunez8489
    @emersonnunez8489 9 месяцев назад

    Se podría usar con angular?

    • @FaztCode
      @FaztCode  9 месяцев назад

      Lo siento esta biblioteca solo funciona con proyectos basados en react

  • @joaqo09
    @joaqo09 Год назад

    Existe algo igual pero para clases de boostrap ?

    • @FaztCode
      @FaztCode  Год назад

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

  • @ClaudioQuinones
    @ClaudioQuinones 9 месяцев назад

    solo con tsx?, se puede con jsx?

    • @FaztCode
      @FaztCode  9 месяцев назад +1

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

  • @elyankee76
    @elyankee76 7 месяцев назад +1

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

    • @AdlanzCast
      @AdlanzCast 6 месяцев назад

      ne me sale error

    • @elyankee76
      @elyankee76 6 месяцев назад +1

      @@AdlanzCast Ya pude hacerlo xd

  • @jesustzinon
    @jesustzinon Год назад +1

    Bro es shadcn jeje

    • @FaztCode
      @FaztCode  Год назад +2

      corregido, gracias por el aviso :)

  • @jordidimass
    @jordidimass Год назад

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

  • @thanospl471diganaoamuie6
    @thanospl471diganaoamuie6 Год назад

    Up

  • @falopos2393
    @falopos2393 Год назад

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

    • @FaztCode
      @FaztCode  Год назад +1

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

  • @gabrielzidane9601
    @gabrielzidane9601 10 месяцев назад

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

    • @Duvan980
      @Duvan980 10 месяцев назад

      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
    @carloscespedes495 Год назад +1

    para que enseñas esa mavillosos componentes a estos