CSS בוטסטראפ לעומת tailwindcss

[אלעזר 1]

האם יש כאן מישהו שהתנסה ב-tailwindcss ויכול לומר מנסיון במה זה עדיף / שונה מבוטסטראפ?

 

[this my name]

אני השתמשתי בשניהם, ההבדלים העיקרים שראיתי:
בבוסטראפ הקוד יותר נקי, קריא. לא צריך על כל תכונה של CSS להוסיף קלאס.
לצורך ההשוואה, כך יראה button בבוסטראפ:

<button type="button" class="btn btn-primary">Primary</button>

וכך בtailwindcss :

<button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
  Button
</button>

בנוסף בבוסטראפ יש אוטומטית את כל הeventים של ה button:
hover, focusOn , focusOut, click וכו'.

ניתן לראות את ההשוואה פה:

 

[בוטח בה]

@אלעזר 1
בוטסטראפ היא ספריית קומפננטות ויש לה גם עזרים כללים בCSS
tailwind היא ספריה ללא קומפוננטות.
הבלעדיות של האחרונה שלא רואים על העיצוב מיד שזה tailwind כמו שראוים בבוטסטראפ עוד לפני שחוקרים...

אני אישית אוהב יותר את tailwind
אבל אני משתמש איתו עם NPM וכך הוא יותר גמיש
(אפשר ליצור קלאסים על הקלאסים שלו וכמובן להוסיף עוד וריאציות וכו')

 

[אלעזר 1]

@אלעזר 1
בוטסטראפ היא ספריית קומפננטות ויש לה גם עזרים כללים בCSS
tailwind היא ספריה ללא קומפוננטות.
הבלעדיות של האחרונה שלא רואים על העיצוב מיד שזה tailwind כמו שראוים בבוטסטראפ עוד לפני שחוקרים...

אני אישית אוהב יותר את tailwind
אבל אני משתמש איתו עם NPM וכך הוא יותר גמיש
(אפשר ליצור קלאסים על הקלאסים שלו וכמובן להוסיף עוד וריאציות וכו')

איך אתה מסתדר מאידך עם מה שכתב @this my name , או שכבר התרגלת (או שאתה עובד עם אפיון מוכן)?

@יידישע קאפ מוזמן גם.

 

[בוטח בה]

איך אתה מסתדר מאידך עם מה שכתב @this my name , או שכבר התרגלת (או שאתה עובד עם אפיון מוכן)?

ראשית מתרגלים
שנית אני עובד גם עם קלאסים רגילים בהם אני משתמש עם הקלאסים של taiwind (כמובן עם webpack)

.btn {
    @apply
        rounded-full
        font-bold
        curser-pointer
        hover:opacity-85
        hover:shadow
}