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