Cómo usar clases y utilidades de Tailwindcss dinámicas con clsx y backticks

Поделиться
HTML-код
  • Опубликовано: 13 сен 2024
  • Usa clases condicionalmente, es un básico del desarrollo con React.
    Y si estamos trabajando con Tailwindcss, estas dos maneras de hacerlo vienen muy bien.
    💻 Código del video:
    replit.com/@He...
    🎥 Checa mi curso: Construye tu primer backend:
    fixtergeek.com...
    ✅ Descárgate mi guía gratuita para crear CustomHooks:
    fixtergeek.com...
    ¡No te pierdas ninguna actualización ni los nuevos cursos!
    💌 Suscríbete a la lista de noticias aquí:
    fixtergeek.com...
    📀 Te regalo mi curso GRATIS para aprender a programar:
    fixtergeek.com...
    - ---------------------------------------------------------------------------------------------
    🤓 ¡Otro curso gratis!, que también te permite unirte a mi lista de videojuegos:
    videogames.off...
    - ---------------------------------------------------------------------------------------------
    Videos relacionados:
    Aspect-ratio con Tailwindcss:
    • Cómo usar el aspect-ra...
    Cómo usar Tailwindcss:
    • El fetcher de Remix ma...
    - ---------------------------------------------------------------------------------------------
    Sígueme para más contenido:
    🎙Escucha mi podcast: ⬇️
    podcasters.spo...
    📷 INSTAGRAM ‧
    www.instagram....
    🐦 TWITTER ‧
    / hectorbliss
    🌐 LINKEDIN ‧
    / hectorbliss

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

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

    Gracias muy bien video

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

      Gracias a ti @Badlucksheep. Espero te haya sido útil. ;)

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

    thanx man

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

    excelente , lo espero

  • @CamiloCalderon-123
    @CamiloCalderon-123 10 месяцев назад

    muy buen video!, estoy buscando la mejor manera de usar "class-variance-authority" junto con clsx( o renombrado como cx) pero sin tailwind. Saludos!

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

      Trabajar con objetos o strings en CSS en clases o estilos en React tiene su chiste. ¿Cómo vas Camilo? ya viste twMerge?

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

    Se ve excelente , gracias compa y la primera es la se que me hizo más atractiva de usar!

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

      ¡Venga Deus!. Es la que he usado desde que empecé con TW, pero últimamente mientras más reusable el componente (variants), más prefiero clsx. ;)

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

      @@blissito no entendí mucho las ventanas del clx ya que sí bien tw con la primera te permite hacer lo mismo la segunda opción de instalar algo externo , tendría que mirarme los beneficios y eso

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

      @@Deus-lo-Vuilt Claro, pero a veces no hay que pensarlo tanto para probar algo. A veces lo pruebo y lo uso unos días y si me siento bien o me facilita mi trabajo y si no, la suelto y sigo. Not a big deal ;)

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

      @@blissito exacto !

  • @JuanSalazar-jh2le
    @JuanSalazar-jh2le Год назад

    Buen video bro, que me dices de tailwind merge

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

      Uso diario de twMerge ;)

  • @Deus-lo-Vuilt
    @Deus-lo-Vuilt 11 месяцев назад

    Vuelvo aqui porque contra todo pronóstico clsx se volvio necesario ajajajjaa puedes enseñar a usaelo junto a tw merge (? 😅

    • @blissito
      @blissito  11 месяцев назад +3

      Haré uno de twMerge ;) Gracias por volver :B

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

      A la espera master@@blissito