Home Arrow Icon Knowledge base Arrow Icon Global Arrow Icon Πώς το αντιδρά 19 υποστηρίζει τα προσαρμοσμένα στοιχεία διαφορετικά από τις προηγούμενες εκδόσεις


Πώς το αντιδρά 19 υποστηρίζει τα προσαρμοσμένα στοιχεία διαφορετικά από τις προηγούμενες εκδόσεις


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

βελτιωμένο χειρισμό προώθησης

1. Διαχωρισμός των χαρακτηριστικών και των ιδιοτήτων: Στο React 19, τα στηρίγματα που αντιστοιχούν σε ιδιότητες σε μια εμφάνιση προσαρμοσμένων στοιχείων αποδίδονται ως ιδιότητες κατά την απόδοση της πλευράς του πελάτη. Εάν το prop είναι ένας πρωτόγονος τύπος (όπως `string`,` number 'ή `true'), αποδίδεται ως χαρακτηριστικό. Οι μη-προϋπολογιστικοί τύποι (όπως το `Object ', το` Symbol' ή το `Function ') αποκλείονται από την απόδοση. Αυτή η προσέγγιση επιτρέπει μια πιο διαισθητική αλληλεπίδραση με προσαρμοσμένα στοιχεία, ευθυγραμμίζοντας με τον τρόπο με τον οποίο συνήθως έχουν σχεδιαστεί για να λειτουργούν [3] [4].

2. Βελτιώσεις από την απόδοση του διακομιστή (SSR): Κατά τη διάρκεια της SSR, εφαρμόζεται η ίδια λογική: οι πρωτόγονες στηρίξεις αποδίδονται ως χαρακτηριστικά, ενώ παραλείπονται οι μη προνομιακοί τύποι. Αυτό εξασφαλίζει ότι η έξοδος που έχει προσληφθεί από το διακομιστή είναι σύμφωνη με αυτό που αναμένει ο πελάτης, μειώνοντας τις πιθανές αναντιστοιχίες κατά τη διάρκεια της ενυδάτωσης [4] [5].

3. Τα μητρώα προσαρμοσμένων στοιχείων Scoped: το React 19 υποστηρίζει τα μητρώα προσαρμοσμένων στοιχείων Scoped, επιτρέποντας στους προγραμματιστές να διαχειρίζονται τα προσαρμοσμένα στοιχεία πιο αποτελεσματικά στις αρχιτεκτονικές μικρο-προδιαγραφής. Αυτή η λειτουργία βοηθά στην πρόληψη των συγκρούσεων εκδοχής όταν πολλαπλές εφαρμογές εξαρτώνται από διαφορετικές εκδόσεις του ίδιου προσαρμοσμένου στοιχείου, ενισχύοντας τη διαμόρφωση και τη συμβατότητα [2].

4. Βελτιωμένες μετρήσεις απόδοσης: Το React 19 έχει επιτύχει βαθμολογία 100% στα προσαρμοσμένα στοιχεία παντού, μια σημαντική βελτίωση σε σχέση με τις προηγούμενες εκδόσεις. Αυτό υποδεικνύει καλύτερη απόδοση και συμβατότητα με τα στοιχεία του ιστού, αντιμετωπίζοντας προηγούμενες επικρίσεις σχετικά με το χειρισμό των προσαρμοσμένων στοιχείων του React [5].

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

Αναφορές:
[1] https://github.com/facebook/react/issues/11347
[2] https://github.com/facebook/react/issues/28938
[3] https://www.angularminds.com/blog/react-19-beta-features
[4] https://react.dev/blog/2024/04/25/react-19
[5] https://piccalil.li/blog/upoction-custom-element-support-in-react/
[6] https://www.bacancytechnology.com/blog/whats-new-in-react-19
[7] https://eluminoustechnologies.com/blog/react-19/
[8] https://www.geeksforgeeks.org/react-19-new-deatures-and-pddates/