Γιατί το react native είναι τόσο αργό;
Γιατί το react native είναι τόσο αργό;

Βίντεο: Γιατί το react native είναι τόσο αργό;

Βίντεο: Γιατί το react native είναι τόσο αργό;
Βίντεο: How to Talk Like a Native Speaker | Marc Green | TEDxHeidelberg 2024, Δεκέμβριος
Anonim

Οι περιττές αναπαραγωγές είναι ο #1 λόγος για τον οποίο οι περισσότεροι React Native εφαρμογές είναι αργός . Χρησιμοποιήστε εργαλεία όπως το Why-did-you-update ή προσθέστε απλό σημείο διακοπής ή μετρητή στο render() για να παρακολουθείτε τις εκ νέου αποδόσεις σας και να τις βελτιστοποιείτε.

Εκτός από αυτό, το react native είναι αργό;

Αν τρέχεις React Native σε ένα Android Εξομοιωτή, θα είναι όμορφο αργός . Επίσης, αν έχετε ενεργοποιημένο τον εντοπισμό σφαλμάτων chrome, επιβραδύνει πολύ την εφαρμογή.

Επίσης, γνωρίζετε, είναι το react native πιο αργό από τις εγγενείς εφαρμογές; Εν ολίγοις: Μπορεί να υπάρχουν κάποιες μικρές διαφορές υπέρ του α εγγενής εφαρμογή , αλλά υπάρχει μεγάλη πιθανότητα να μην έχει σημασία. React Native μετατρέπει στοιχεία JavaScript σε εγγενές Android και iOS προβολές. Το κάνει χρησιμοποιώντας μια ειδική γέφυρα. Να θυμάστε ότι React Native επιτρέπει τη μίξη JavaScript με ντόπιος κώδικας.

Στη συνέχεια, το ερώτημα είναι πώς μπορώ να κάνω να αντιδράσω πιο γρήγορα;

  1. 6 απλοί τρόποι για να επιταχύνετε την react εγγενή εφαρμογή σας.
  2. Χρησιμοποιήστε το PureComponent ή το shouldComponentUpdate.
  3. Χρησιμοποιήστε το χαρακτηριστικό κλειδί στα στοιχεία της λίστας.
  4. Δέστε νωρίς και μην δημιουργήσετε συναρτήσεις μέσα στο render.
  5. Μην ενημερώνετε τις ενέργειες κατάστασης ή αποστολής στο componentWillUpdate.
  6. Χρησιμοποιήστε VirtualizedList, FlatList και SectionList για μεγάλα σύνολα δεδομένων.

Πώς μετράται η εγγενής απόδοση της αντίδρασης;

Ο πιο συνηθισμένος τρόπος για να μετρήστε την απόδοση σε React Native εφαρμογές είναι να χρησιμοποιούν ένα ενσωματωμένο Εκτέλεση Οθόνη. Μπορείτε να το ανοίξετε από το μενού εντοπισμού σφαλμάτων στον προσομοιωτή σας κάνοντας κλικ στο Perf Monitor. Θα εμφανιστεί στην εφαρμογή σας πάνω από την οθόνη που ανοίγει τώρα.

Συνιστάται: