Component Naming Best Practices — Transcript

Transcript of the free Vue.js lesson Component Naming Best Practiceswatch the video lesson.

Όταν βρίσκεται να καθαρίσουμε τα κομπονίδια μας, τα πράγματα μπορούν να καταστρέφουν. Αυτό είναι ο λόγος που ο View Team μας προσφέρει με το Style Guide, για να μας βοηθήσει να καθαρίσουμε τα κομπονίδια μας στον καλύτερο τρόπο, ενώ μετά από κάποιες πατρίδες. Αυτό επίσης κάνει εύκολα για άλλους βιβλόμετρες να καταλάβουν την εφαρμογική στρακτήριξη, μόνο με τη διαδικασία των κομπονίδων. Οι ρούλες είναι διαδικασμένες σε στιγμές, βασικά από την σημαντικότητα τους which is something we haven't covered yet.

Don't worry though, the rules are the same for all types of components. If you look for component names, you see that all these rules are related to how we name our components. Let's see what we have in the top priority. Multi-word component names.

Component names should always be multi-word except for root app components. This prevents conflicts with existing and future HTML elements διότι όλοι οι HTML είναι ένας μόνος λόγος, όπως το button element, το table, το text area, etc. Λοιπόν, όχι να ονομάσουμε ένα κομπονέτο to do, πρέπει να το ονομάσουμε κάτι όπως το to do item. Αυτό είναι ένα σχέδιο που δεν ακολουθούμε στο παρουσιαστικό παράδειγμα, επειδή έχουμε ονομάσει το κομπονέτο plan, που είναι ένας μόνος λόγος.

Ας ονομάσουμε το κομπονέτο plan item. Επειδή βρίσκουμε το κομπονέτο μέσα στο παρουσιαστικό παράδειγμα Το σημαντικό όνομα είναι επίσης το όνομα του κομπονίτου. Μπορούμε να το ονομάσουμε plan-item ή plan-item. Αν θέλετε να χρησιμοποιήσετε το δεύτερο, φαίνεται ότι θα πρέπει να το βάζετε σε κουότσο για να βοηθήσει το χίφεν.

Μετά την ονομασία του κομπονίτου, μπορούμε επίσης να ονομάσουμε το βαριάβι για να δημιουργήσουμε το όνομα του κομπονίτου. Παρακαλούμε το HTML επίσης για να χρησιμοποιήσουμε τον νέο κομπονίτου. Παρακαλούμε το νέο κομπονίτου και Οι βασικές κομπονίτες είναι οι οποίες εφαρμόντουν σχετική στυλίξη και συμφωνία. Για παράδειγμα, ένα βασικό κομπονίτης μπορεί να είναι ένα βαθμό ή ένα βαθμό που χρησιμοποιείται γλωσσικά σε μια εργασία.

Αυτές οι κομπονίτες πρέπει να ξεκινήσουν με ένα προφίξιο, όπως βασικο, βαθμό ή βαθμό. Εδώ επίσης βλέπουμε γιατί η δημοκρατική δουλειά είναι τόσο σημαντική, διότι οι βαθμό και τα βαθμό και τα βαθμό είναι χρησιμο Δεν έχουμε κάποια βασική κοινότητα τώρα, αλλά κρατήστε το ενδιαφέρον και έρθετε μετά όταν έχετε κάποια. Στην επόμενη, έχουμε τα κοινότητα της μοτοσυκλέτας. Αυτά τα κοινότητα θα μιλούν μόνο μια μοτοσυκλέτα ακτιβή και θα πρέπει να ξεκινήσουν με το.

Για παράδειγμα, ένα βιβλίο μπορεί να μιλούν μόνο ένα κοινότητα σε κάποια δεδομένα πότητα, ώστε να μπορούμε να οδηγήσουμε το κοινότητα το κοινότητα. Η επόμενη ρουλή είναι η μου καλύτερη και είναι για να έχουμε Αυτό σημαίνει ότι αν ένας κομπονέτος μόνο σημαίνει σύμφωνα στο σχέδιο του παρεντικού κομπονέτου, αυτή η σχέδιση πρέπει να είναι καλύτερη στο όνομα του. Επειδή οι ειδικοί συχνά οργανώσουν τα παιχνίδια αφαβετικά, αυτό επίσης παραμείνει αυτά τα σχέδια σχεδιασμένα παιχνίδια. Στο παράδειγμα εδώ έχουμε κάποια κακά κομπονέτια.

Έχουμε μια λίστα, ένα κομπονέτ, και ένα κομπονέτ. Αυτά τα κομπονέτια δεν μπορούν να βασ Για να κάνουν αυτά τα κομπονίδια να ακολουθούν την ρουλή, πρέπει να κάνουμε το σχέδιο τους καλύτερο σε τους όνειρους τους. Οπότε, αυτό θα είναι το to-do list, το to-do list item και το to-do list item button. Αυτό μπορεί να φαίνεται βερβόσο στο πρώτο κομμάτι, αλλά το κάνει αρκετά σημαντικό αν το θεωρείτε.

Το to-do list item button θα ποτέ δεν θα χρησιμοποιηθεί εξω από το to-do list item component. Πιστεύω πως δεν το γνωρίσατε όταν είδατε το κακό παράδειγμα. Αλλά τώρα... Αυτή η σχέση είναι ευκαιρία.

Αυτό σας θεωρεί κάτι? Αυτό είναι ακριβώς το περίοδο στο PlanPicker. Το PlanItemComponent μόνο σημαίνει μέσα στο PlanPicker. Έτσι, πρέπει να το σημαίνουμε.

Επομένως, όχι να το σημαίνουμε PlanItem, θα το σημαίνουμε PlanPickerItem και ProblemSolved. Ας επηρεάζουμε το VariableName. Τώρα, πρέπει να επηρεάζουμε το TemplateID για να αντιμετωπίζουμε το νέο κομπονέτο. και οδηγήστε τον CSS-ελεκτρο.

Καλό! Και τελικά, αφήστε το component tag στο τεμπλίδι. Και οι κομπονίτες μας δουλεύουν καλά. Η επόμενη λειτουργία είναι για την οδηγία των λόγων στα component names.

Ο component names πρέπει να ξεκινήσουν με τα πιο κυριακά λόγια και να τελειώσουν με δημιουργικά λόγια. Σε αυτό το κακό παράδειγμα, έχουμε μια λίστα κομπονίτες που είναι σχετικά με τα search. Έχουμε, για παράδειγμα, Clear Search button, Run Search Button, etc. Εδώ, η πιο κυριακή λέξη είναι η λέξη Search, γιατί δεν δημιουργεί την κομπονιστική ειδικά, αλλά την κυριακή εργασία που χρησιμοποιεί.

Αυτό σημαίνει ότι όλες αυτές οι όνομα πρέπει να ξεκινήσουν με Search. Επιπλέον, έχουμε δύο κομπονίτες που είναι σχετικά με τις εφαρμογές. Τερμό Checkbox και ο Launch on Startup Checkbox. Όταν ονομάσουμε αυτές τις κομπονίτες καλύτερα, θα ξεκινήσουν με τις εφαρμογές και μετά...

το δεύτερο πιο γενειακό λόγο, το οποίο είναι το Checkbox. Οπότε, αυτοί οι κομπονίτες θα ευκαιρύνουν να γίνονται Settings Checkbox Terms και Settings Checkbox Launch on Startup. Η τελευταία ρουλή για τα κομπονίτες είναι για να χρησιμοποιήσουμε τελευταίες λόγια. Αυτή η ρουλή είναι πολύ εύκολη και μας συμφωνεί να χρησιμοποιήσουμε τελευταίες λόγια αντί να χρησιμοποιήσουμε αμφιβετικές ή σορτκάντες.

Οπότε, αντί να χρησιμοποιήσουμε ένα κομπονίτες SD Settings, πρέπει να το χρησιμοποιήσουμε στυνδέντες δάσπορτες, για να το καταλαβαίνετε εύκολα για εμάς και τους συγγνώμης μας. Αυτοί είναι οι ρούλες, φίλοι μου. Κάποιοι από αυτούς μπορούν να αισθανόνται ανοιχτές στο ξεκίνημα, αλλά είναι εδώ για να κάνουν τα ζωή μας εύκολα, οπότε εγγραφώ να τους ευκολοθείτε. Δεν είναι λόγια, οπότε μπορείτε να περπατήσετε μερικοί από αυτούς.

Ακόμα κάντε αυτό, μόνο εάν έχετε μια καλή λόγια και εάν ξέρετε πραγματικά τι κάνετε. Όταν βρίσκεται να καθαρίσουμε τα κομπονίδια μας, τα πράγματα μπορούν να καταστρέφουν. Αυτό είναι ο λόγος που ο View Team μας προσφέρει με το Style Guide, για να μας βοηθήσει να καθαρίσουμε τα κομπονίδια μας στον καλύτερο τρόπο, ενώ μετά από κάποιες πατρίδες. Αυτό επίσης κάνει εύκολα για άλλους βιβλόμετρες να καταλάβουν την εφαρμογική στρακτήριξη, μόνο με τη διαδικασία των κομπονίδων.

Οι ρούλες είναι διαδικασμένες σε στιγμές, βασικά από την σημαντικότητα τους which is something we haven't covered yet. Don't worry though, the rules are the same for all types of components. If you look for component names, you see that all these rules are related to how we name our components. Let's see what we have in the top priority.

Multi-word component names. Component names should always be multi-word except for root app components. This prevents conflicts with existing and future HTML elements διότι όλοι οι HTML είναι ένας μόνος λόγος, όπως το button element, το table, το text area, etc. Λοιπόν, όχι να ονομάσουμε ένα κομπονέτο to do, πρέπει να το ονομάσουμε κάτι όπως το to do item.

Αυτό είναι ένα σχέδιο που δεν ακολουθούμε στο παρουσιαστικό παράδειγμα, επειδή έχουμε ονομάσει το κομπονέτο plan, που είναι ένας μόνος λόγος. Ας ονομάσουμε το κομπονέτο plan item. Επειδή βρίσκουμε το κομπονέτο μέσα στο παρουσιαστικό παράδειγμα Το σημαντικό όνομα είναι επίσης το όνομα του κομπονίτου. Μπορούμε να το ονομάσουμε plan-item ή plan-item.

Αν θέλετε να χρησιμοποιήσετε το δεύτερο, φαίνεται ότι θα πρέπει να το βάζετε σε κουότσο για να βοηθήσει το χίφεν. Μετά την ονομασία του κομπονίτου, μπορούμε επίσης να ονομάσουμε το βαριάβι για να δημιουργήσουμε το όνομα του κομπονίτου. Παρακαλούμε το HTML επίσης για να χρησιμοποιήσουμε τον νέο κομπονίτου. Παρακαλούμε το νέο κομπονίτου και Οι βασικές κομπονίτες είναι οι οποίες εφαρμόντουν σχετική στυλίξη και συμφωνία.

Για παράδειγμα, ένα βασικό κομπονίτης μπορεί να είναι ένα βαθμό ή ένα βαθμό που χρησιμοποιείται γλωσσικά σε μια εργασία. Αυτές οι κομπονίτες πρέπει να ξεκινήσουν με ένα προφίξιο, όπως βασικο, βαθμό ή βαθμό. Εδώ επίσης βλέπουμε γιατί η δημοκρατική δουλειά είναι τόσο σημαντική, διότι οι βαθμό και τα βαθμό και τα βαθμό είναι χρησιμο Δεν έχουμε κάποια βασική κοινότητα τώρα, αλλά κρατήστε το ενδιαφέρον και έρθετε μετά όταν έχετε κάποια. Στην επόμενη, έχουμε τα κοινότητα της μοτοσυκλέτας.

Αυτά τα κοινότητα θα μιλούν μόνο μια μοτοσυκλέτα ακτιβή και θα πρέπει να ξεκινήσουν με το. Για παράδειγμα, ένα βιβλίο μπορεί να μιλούν μόνο ένα κοινότητα σε κάποια δεδομένα πότητα, ώστε να μπορούμε να οδηγήσουμε το κοινότητα το κοινότητα. Η επόμενη ρουλή είναι η μου καλύτερη και είναι για να έχουμε Αυτό σημαίνει ότι αν ένας κομπονέτος μόνο σημαίνει σύμφωνα στο σχέδιο του παρεντικού κομπονέτου, αυτή η σχέδιση πρέπει να είναι καλύτερη στο όνομα του. Επειδή οι ειδικοί συχνά οργανώσουν τα παιχνίδια αφαβετικά, αυτό επίσης παραμείνει αυτά τα σχέδια σχεδιασμένα παιχνίδια.

Στο παράδειγμα εδώ έχουμε κάποια κακά κομπονέτια. Έχουμε μια λίστα, ένα κομπονέτ, και ένα κομπονέτ. Αυτά τα κομπονέτια δεν μπορούν να βασ Για να κάνουν αυτά τα κομπονίδια να ακολουθούν την ρουλή, πρέπει να κάνουμε το σχέδιο τους καλύτερο σε τους όνειρους τους. Οπότε, αυτό θα είναι το to-do list, το to-do list item και το to-do list item button.

Αυτό μπορεί να φαίνεται βερβόσο στο πρώτο κομμάτι, αλλά το κάνει αρκετά σημαντικό αν το θεωρείτε. Το to-do list item button θα ποτέ δεν θα χρησιμοποιηθεί εξω από το to-do list item component. Πιστεύω πως δεν το γνωρίσατε όταν είδατε το κακό παράδειγμα. Αλλά τώρα...

Αυτή η σχέση είναι ευκαιρία. Αυτό σας θεωρεί κάτι? Αυτό είναι ακριβώς το περίοδο στο PlanPicker. Το PlanItemComponent μόνο σημαίνει μέσα στο PlanPicker.

Έτσι, πρέπει να το σημαίνουμε. Επομένως, όχι να το σημαίνουμε PlanItem, θα το σημαίνουμε PlanPickerItem και ProblemSolved. Ας επηρεάζουμε το VariableName. Τώρα, πρέπει να επηρεάζουμε το TemplateID για να αντιμετωπίζουμε το νέο κομπονέτο.

και οδηγήστε τον CSS-ελεκτρο. Καλό! Και τελικά, αφήστε το component tag στο τεμπλίδι. Και οι κομπονίτες μας δουλεύουν καλά.

Η επόμενη λειτουργία είναι για την οδηγία των λόγων στα component names. Ο component names πρέπει να ξεκινήσουν με τα πιο κυριακά λόγια και να τελειώσουν με δημιουργικά λόγια. Σε αυτό το κακό παράδειγμα, έχουμε μια λίστα κομπονίτες που είναι σχετικά με τα search. Έχουμε, για παράδειγμα, Clear Search button, Run Search Button, etc.

Εδώ, η πιο κυριακή λέξη είναι η λέξη Search, γιατί δεν δημιουργεί την κομπονιστική ειδικά, αλλά την κυριακή εργασία που χρησιμοποιεί. Αυτό σημαίνει ότι όλες αυτές οι όνομα πρέπει να ξεκινήσουν με Search. Επιπλέον, έχουμε δύο κομπονίτες που είναι σχετικά με τις εφαρμογές. Τερμό Checkbox και ο Launch on Startup Checkbox.

Όταν ονομάσουμε αυτές τις κομπονίτες καλύτερα, θα ξεκινήσουν με τις εφαρμογές και μετά... το δεύτερο πιο γενειακό λόγο, το οποίο είναι το Checkbox. Οπότε, αυτοί οι κομπονίτες θα ευκαιρύνουν να γίνονται Settings Checkbox Terms και Settings Checkbox Launch on Startup. Η τελευταία ρουλή για τα κομπονίτες είναι για να χρησιμοποιήσουμε τελευταίες λόγια.

Αυτή η ρουλή είναι πολύ εύκολη και μας συμφωνεί να χρησιμοποιήσουμε τελευταίες λόγια αντί να χρησιμοποιήσουμε αμφιβετικές ή σορτκάντες. Οπότε, αντί να χρησιμοποιήσουμε ένα κομπονίτες SD Settings, πρέπει να το χρησιμοποιήσουμε στυνδέντες δάσπορτες, για να το καταλαβαίνετε εύκολα για εμάς και τους συγγνώμης μας. Αυτοί είναι οι ρούλες, φίλοι μου. Κάποιοι από αυτούς μπορούν να αισθανόνται ανοιχτές στο ξεκίνημα, αλλά είναι εδώ για να κάνουν τα ζωή μας εύκολα, οπότε εγγραφώ να τους ευκολοθείτε.

Δεν είναι λόγια, οπότε μπορείτε να περπατήσετε μερικοί από αυτούς. Ακόμα κάντε αυτό, μόνο εάν έχετε μια καλή λόγια και εάν ξέρετε πραγματικά τι κάνετε.