ראשיאודותטיוליםצילוםfull Stack
Yosefus FlaviusYosefus Flavius

Yosefus flavius

אני בעצמי

קישורים מהירים

  • דף הבית
  • אודות
  • בלוג
logo

© 2025 Yosefus Flavius WebDeveloper

ShadCN – קחו את העיצוב בידיים שלכם בלי להיתקע ב-MUI (ולמה זה שווה את זה!) - מדריך מקיף עם טיפים ומידע שימושי

ShadCN – קחו את העיצוב בידיים שלכם בלי להיתקע ב-MUI (ולמה זה שווה את זה!)

  1. בית
  2. >
  3. Full Stack
27 באפריל 2025• זמן קריאה: 2 דקות

ShadCN מביא את המהפכה של רכיבים מוכנים עם שליטה מלאה בעיצוב, מה שיגרום לכם להרגיש שלמים עם כל פיסת קוד, בלי ההתלבטויות של MUI. יש פה זמן חיסכון, גמישות ו... המון שליטה!

עצלנים אבל עדיין רוצים שליטה בעיצוב? זה בדיוק השלב שshadcn רצה מהפינה השמאלית עם חיוך רחב ופרצוף של "מה תרצו לאכול היום?". 🥳 אז בואו נסקור בקצרה את הספריה היתרונות והחסרונות (כי תמיד כיף לבעוט קצת בטכנולוגיות).

מי אני? 🥰

ספריה של רכיבים ואפילו דפים מוכנים פונקציונלית ועיצובית (עם tailwind) עם גישה מלאה לעיצוב, החידוש הוא שכאשר תרצו לדוגמא להשתמש בכפתור תשתמשו בפקודה בcli, שבתורה תוריד לכם קומפוננטה מוכנה לcomponents/ui, שאותה תוכלו לשנות כאוות נפשכם - חד גדיא. להבדיל מmui לדוגמא שנותנת לכם קומפוננטות שאין לכם מושג איך העיצוב שלהם נבנה וכל שינוי קטן דורש ממכם כוחות נפש ומנוי לפסיכולוג.

יתרונות: 🙄

👍 שליטה מלאה בעיצוב. 👍 יכולת להוריד רק רכיבים שאתם משתמשים ולא את כל מה שמוחם הקודח של המפתחים חשב שזה שימושי. 👍 יכולת להוריד דפים מלאים ולא רק קומפוננטות קטנות. 👍 דוקומנטציה מעולה. 👍 תמיכה בvite בnext ועוד ועוד...

חסרונות: 😌

👎 אתם מתרחקים עוד קצת מה"ברזלים" מה שיהיה מרגיז לקיסטום אם יש לכם צרכים מאוד ייחודיים. 👎 השליטה היא בעיצוב ולא בפונקציונליות. 👎 אין יותר מדיי חסרונות ככה שאין על מה להתלונן וזה מרגיז במיוחד.

למה הייתי משתמש?

פרויקט שלא חשוב העיצוב הספציפי (לא קיבלתם פיגמא, זה מערכת פנימית וכו'). אתם תחסכו המון זמן של כתיבה או ההעתקה של רכיבים שחוזרים על עצמם כמו menu וdropdowns. הייתי כותב פה סיכום אבל אז כולכם תחשבו שAi כתב את זה 😃

linkedin
whatsapp
facebook
x
Y

Yosefus Flavius

כותב הבלוג

כתבות קשורות

כתבות דומות

CSS Mix-blend-mode: איך לשלב תוכן עם הרקע
27 באפריל 2025
Full Stack>>פרונט אנד

CSS Mix-blend-mode: איך לשלב תוכן עם הרקע

בפוסט הזה נלמד על שימוש ב־mix-blend-mode ב־CSS, טכניקת עיצוב מגניבה שמאפשרת לשלב את התוכן של האלמנט עם הרקע והאב בצורה מרהיבה ומיוחדת.

@apply ב־Tailwind: מה זה ואיך להשתמש בזה נכון
27 באפריל 2025
Full Stack>>פרונט אנד

@apply ב־Tailwind: מה זה ואיך להשתמש בזה נכון

@apply ב־Tailwind מאפשר לאחד מספר קלאסים לקלאס אחד, אבל יש לזה יתרונות וחסרונות. למדו איך להשתמש בזה בצורה חכמה ומתי כדאי להימנע.

כל מה שצריך לדעת על צבעים ב־Tailwind CSS: טיפים, טריקים ואינטואיציה ️
27 באפריל 2025
Full Stack>>פרונט אנד

כל מה שצריך לדעת על צבעים ב־Tailwind CSS: טיפים, טריקים ואינטואיציה ️

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