דילוג לתוכן

מהם כללי השיום הנכונים עבור קומפוננטות, פרופרטיז ושכבות?

כללי השיום תלויים בד"כ בטכנולוגיה ובפריימוורק בו משתמשים לפיתוח. בפיתוח, לכל פריימוורק יש מוסכמות שיום משלו – לדוגמה, ב-React נהוג להשתמש ב-PascalCase לקומפוננטות (AccordionItem), בעוד שב-Angular מקובל kebab-case (accordion-item).

דוגמאות לכללי שיום בסיסיים

React
קומפוננטות – PascalCase, לדוג' Button, DatePicker, UserCard
פרופרטיז – camelCase, לדוג' onClick, isDisabled, dateFormat

Angular
קומפוננטות – kebab-case, לדוג' app-header, user-profile
פרופרטיז – camelCase, לדוג' [userName], (onClick)

כללי שיום בפיגמה
בשכבות ובקומפוננטות בפיגמה, אמנם העיקרון דומה, אך מכיוון שאלו לא תמיד מתורגמים ישירות לקוד, יש לכם יותר גמישות. עדיין, מומלץ מאוד לשמור על עקביות ולהתייעץ עם צוות הפיתוח כדי לאמץ שיטת שיום שתתאים גם לצרכי המפתחים.

מצאתם טעות? ההסבר לא מספיק ברור? תכתבו לנו: natali@bestdesignersever.com