Βασική καταγραφή των αντιδράσεων vs Vue

Ο χρόνος πετάει στην σχολή Flatiron. Μόλις ολοκληρώσαμε την εβδομάδα 10 με την εκμάθηση του πλαισίου React. Το React αποτελείται από το JavaScript και το JSX (ένας συνδυασμός βανίλιας JavaScript και μια συγκεκριμένη σύνταξη που μοιάζει με HTML). Το JSX είναι ένα βήμα προεπεξεργασίας που προσθέτει σύνταξη XML στη JavaScript. Μπορείτε σίγουρα να χρησιμοποιήσετε το React χωρίς JSX, αλλά το JSX κάνει το React πολύ πιο κομψό. Χρησιμοποιώντας τα αποσπάσματα του JSX, μπορείτε να δημιουργήσετε στοιχεία που θα γίνουν τα δομικά στοιχεία μιας εφαρμογής ιστού. Μου αρέσει πολύ μέχρι τώρα, αλλά ήταν περίεργο για τα πλεονεκτήματα και τα μειονεκτήματα με άλλα πλαίσια, ιδιαίτερα το Vue.

Με το React, όταν μια συνιστώσα αλλάζει την κατάσταση της, ενεργοποιεί μια επανάληψη της όλης δομής συνιστωσών. Για να αντιμετωπίσετε αυτές τις επανεξετάσεις, μπορείτε να χρησιμοποιήσετε eithercommComponentUpdate ή React.PureComponent. Εάν χρησιμοποιείτε το React.PureComponent αντί για το React.Component, τότε αυτό θα πρέπει να πραγματοποιεί αυτόματα το mustComponentUpdate.

Στην ενέργεια React, η μέθοδοςComponentUpdate θα πρέπει να χρησιμοποιείται μόνο ως βελτιστοποίηση απόδοσης. Θα χρησιμοποιήσατε τη μέθοδο ShouldComponentUpdate για να αφήσετε το React να γνωρίζει αν η έξοδος ενός στοιχείου δεν επηρεάζεται από την τρέχουσα αλλαγή της κατάστασης ή των στηρίξεων.

Στο σύστημα Vue, το σύστημα Vue γνωρίζει ποια στοιχεία πρέπει να επαναπροσδιορίζονται όταν αλλάζει η κατάσταση. Αυτό απομακρύνει την περιττή επανάδοση του στοιχείου.

Οι πιο προφανείς διαφορές με το React και το Vue είναι με τη σύνταξη

Όπως αναφέρθηκε προηγουμένως, το React αποτελείται από το JavaScript και (προαιρετικά) το JSX για τη δημιουργία στοιχείων που γίνονται τα δομικά στοιχεία της εφαρμογής. Το Vue μπορεί επίσης να χρησιμοποιήσει λειτουργίες rendering και υποστήριξη JSX, αλλά προσφέρει και προεπιλεγμένα πρότυπα. Το Valid HTML λειτουργεί ως πρότυπο στο Vue. Αυτό επιτρέπει ακόμη και σε αρχάριους να είναι σε θέση να εργάζονται μέσω κώδικα και να προσθέτουν σε αυτό, καθώς είναι πιο φυσικό να διαβάζει και να γράφει. Τα συστατικά του Vue μπορούν να περιγραφούν ως παρουσιάσιμα ή λογικά. Συνιστάται η χρήση προτύπων για παρουσιάσιμα στοιχεία και οι λειτουργίες rendering με JSX για τα λογικά συστατικά.

Το CSS styling στο React γίνεται κυρίως ως CSS σε JS. Η προεπιλεγμένη μέθοδος στυλ σε Vue είναι σαν ετικέτες στυλ σε στοιχεία ενός αρχείου. Ο κώδικας στυλ σε στοιχεία ενός αρχείου βρίσκεται στο ίδιο αρχείο με τον κωδικό εξαρτήματος.

Το React και το Vue έχουν κάποιες ομοιότητες επίσης

Για μεγαλύτερες εφαρμογές, το React και το Vue προσφέρουν καλές λύσεις. Το Redux μπορεί να χρησιμοποιηθεί με το React για τη διαχείριση της κατάστασης και την ανταπόκριση στις ενέργειες του χρήστη. Το Vue μπορεί επίσης να χρησιμοποιήσει το Redux, αλλά υπάρχει κάτι που ονομάζεται Vuex, το οποίο είναι ένα άλλο πιο συγκεκριμένο κρατικό σύστημα διαχείρισης ειδικά για το Vue. Μια άλλη ομοιότητα μεταξύ του React και του Vue είναι η απόδοση του χρόνου εκτέλεσης. Είναι πολύ παρόμοια, επομένως δεν υπάρχει πλεονέκτημα ή μειονέκτημα εκεί.

Είναι το React ή Vue πιο δημοφιλές;

Οι βιβλιοθήκες της Vue για τη διαχείριση του κράτους ενημερώνονται με την κεντρική βιβλιοθήκη, ενώ η React χρησιμοποιεί την κοινότητά της για να την φροντίσει. Το React είναι πιο δημοφιλές αν και είναι σε θέση να συμβαδίσει με τις ανησυχίες. Μια έρευνα StackOverflow ανέφερε ότι το React είναι η 3η δημοφιλέστερη βιβλιοθήκη μεταξύ των προγραμματιστών. Σύμφωνα με το LinkedIn, οι προγραμματιστές της React είναι πιο απαιτητικοί απ 'ό, τι η Vue με αναλογία 5: 1.

Αν θέλετε ένα πρόγραμμα εκκίνησης για React ή Vue, τότε είστε στην τύχη!

Τόσο η Vue όσο και η React προσφέρουν εκκινητές έργων. Το React's είναι το create-react-app ενώ το Vue διαθέτει μια γεννήτρια CLI. Ένα μειονέκτημα για τον εκκινητή έργου του React είναι ότι προσφέρει μόνο ένα ενιαίο πρότυπο, υποθέτοντας ότι κάνετε ένα SPA (μία σελίδα εφαρμογής) ενώ το Vue προσφέρει περισσότερη ποικιλία.

Κατά τη γνώμη μου, το React έχει μια πιο απότομη καμπύλη μάθησης από την Vue. Με το Vue, πρέπει απλά να βάλετε μια ετικέτα δέσμης ενεργειών για να ξεκινήσετε να δημιουργείτε μικρές εφαρμογές. Με το React πρέπει να ξέρετε το JavaScript (ES2015 +) και το JSX για να μπορέσετε να ξεκινήσετε.

Όπως και με οποιοδήποτε πλαίσιο, χρησιμοποιήστε αυτό που σας κάνει πιο νόημα (ή ό, τι χρησιμοποιεί η επιχείρησή σας!) Και οι δύο έχουν πλεονεκτήματα και μειονεκτήματα, καθώς υπάρχουν πολλά άλλα πλαίσια εκεί έξω όπως το Angular ή AngularJS.

Ποιο εργαλείο front-end προτιμάτε για την εργασία σας αυτές τις μέρες; Ευτυχισμένη κωδικοποίηση!

Πηγές: