¿Que significa que tailwind sea un framework orientado a utilidades? , es que no entiendo muy bien lo que significa que sea orientado a u...

Ricardo Osorio

Ricardo Osorio

Pregunta
student
hace 3 años

¿Que significa que tailwind sea un framework orientado a utilidades? , es que no entiendo muy bien lo que significa que sea orientado a utilidades, agradezco a quien me pueda dar una analogia.

1 respuestas
para escribir tu comentario
    Josue Granados

    Josue Granados

    student
    hace 3 años

    Que tal Ricardo! . En el mundo del software y la programación en general existen clases y/o métodos que estan disponibles para ti y son utiles para una cosa en especifico. A esto se le llama Utility Classes/Methods. Piensa por ejemplo en la clase Math en JavaScript, es una clase que no puedes instanciar pero sirve para proveerte con los métodos y constantes necesarias para hacer tus propios cálculos. El mismo principio aplica para Tailwind. . Tailwind es un framework enfocado a utilidades, esto quiere decir que viene con un montón de estilos predefinidos disponibles para ti, listos para usar en forma de clases, PERO cada uno hace una y solo una cosa en especifico. Algo así como legos, tu puedes tomar el lego que más necesites y crear tu propio conjunto de bloques. . Otros frameworks, como Bootstrap, estan enfocados a componentes. Esto quiere decir que las clases que te ofrecen son un conjunto de estilos, algo así como un conjunto de bloques ya armado. Por ejemplo la clase btn, para botones, quizá en el CSS rule tengan algo como esto:

    /*Bootstrap*/ .btn { padding: 0.25em .0.75em; border: 1px solid blue; color: white; ... }

    Mientras que en Tailwind, por ejemplo, te ofrecen la clase flex, la cual unícamente convierte un elemento en un contenedor flex y nada más

    /*Tailwind*/ .flex { display: flex; }

    Esto te da mas flexibilidad para jugar con diferentes estilos y adaptarlos a tu diseño, aúnque con las desventaja de tener largas lineas de código en tu HTML. . Te invito a leer m'as acerca de este approach en la documentación oficial aquí :)

Curso Básico de Tailwind

Curso Básico de Tailwind

Crea tu primer landing page utilizando Tailwind, un framework CSS que te permitirá agilizar el desarrollo de tus proyectos además de aplicar las mejores prácticas y herramientas que llegaron con Tailwind 2.0. Aprende con tu profesora Ana María Díaz (@coding_byanna).

Curso Básico de Tailwind
Curso Básico de Tailwind

Curso Básico de Tailwind

Crea tu primer landing page utilizando Tailwind, un framework CSS que te permitirá agilizar el desarrollo de tus proyectos además de aplicar las mejores prácticas y herramientas que llegaron con Tailwind 2.0. Aprende con tu profesora Ana María Díaz (@coding_byanna).