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

  Рет қаралды 1,356

Héctor BlisS

Héctor BlisS

Күн бұрын

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

Пікірлер: 19
@Badlucksheep
@Badlucksheep Жыл бұрын
Gracias muy bien video
@blissito
@blissito Жыл бұрын
Gracias a ti @Badlucksheep. Espero te haya sido útil. ;)
@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 Жыл бұрын
¡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 Жыл бұрын
@@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 !
@Deus-lo-Vuilt
@Deus-lo-Vuilt Жыл бұрын
excelente , lo espero
@blissito
@blissito Жыл бұрын
👾
@andreaugusto3851
@andreaugusto3851 Жыл бұрын
thanx man
@blissito
@blissito Жыл бұрын
no prob ;)
@JuanSalazar-jh2le
@JuanSalazar-jh2le Жыл бұрын
Buen video bro, que me dices de tailwind merge
@blissito
@blissito Жыл бұрын
Uso diario de twMerge ;)
@SPY027
@SPY027 Ай бұрын
no entendi. xq usaria una libreria si puedo usar backticks?
@blissito
@blissito Ай бұрын
Velocidad, cooperación y otras mil que no son necesarias si tu condición particular es independiente, donde tú puedes tomar tus propias desiciones y gozar de autonomía (estado que busco yo mismo conservar, pero que no me hace tener vista corta y pensar que todos viven en mi misma condición). Gracias por tu comentario Spy.🕵🏻 Abrazo.
@blissito
@blissito Ай бұрын
También pa usar un objeto con clsx :3
@Deus-lo-Vuilt
@Deus-lo-Vuilt Жыл бұрын
Vuelvo aqui porque contra todo pronóstico clsx se volvio necesario ajajajjaa puedes enseñar a usaelo junto a tw merge (? 😅
@blissito
@blissito Жыл бұрын
Haré uno de twMerge ;) Gracias por volver :B
@darksitopx
@darksitopx Жыл бұрын
A la espera master@@blissito
Construí un editor de imagen con Fabric.js
23:23
Héctor BlisS
Рет қаралды 248
Un grid Drag&Drop (supersimple) 🪄✨
24:03
Héctor BlisS
Рет қаралды 564
小丑女COCO的审判。#天使 #小丑 #超人不会飞
00:53
超人不会飞
Рет қаралды 16 МЛН
Une nouvelle voiture pour Noël 🥹
00:28
Nicocapone
Рет қаралды 9 МЛН
Что-что Мурсдей говорит? 💭 #симбочка #симба #мурсдей
00:19
Te muestro mi código para animar un background 🌀
24:22
Héctor BlisS
Рет қаралды 21
Java Script 25 Funciones III
25:36
Nilton Morales Robles
Рет қаралды 17
Esta es la manera de crear un proyecto React listo para 2025 ✅
10:06
Te muestro mi código para crear un worker y un child_process
14:20
Java Script 21 (forEach)
27:34
Nilton Morales Robles
Рет қаралды 36
🔥 Domina los Injection Tokens Desde 0 | Angular V19
15:57
Animaciones con sprites en JS y KaPlay 🫨
12:03
Héctor BlisS
Рет қаралды 109
小丑女COCO的审判。#天使 #小丑 #超人不会飞
00:53
超人不会飞
Рет қаралды 16 МЛН