5 Βέλτιστες Πρακτικές για Ανταγωνιστική Φυσική Ανάπτυξη Πιθανώς Δεν Ξέρεις

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

1. Ανάλυση ευρετηρίου με package.json σε κάθε κατάλογο (λειτουργεί με javascript δίπλα στο αντιδραστικό-native).

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

εισαγάγετε το TextComponent από "../ComponentFolder/TextComponent"

ή ίσως

εισαγάγετε το TextComponent από "../../ComponentFolder/TextComponent"

ή ίσως περισσότερο σκληρό

εισαγάγετε κείμενοComponent από "../../../../ComponentFolder/TextComponent"

και ούτω καθεξής

Έτσι, εδώ είναι οι συμβουλές για να ξεχάσετε να γράφετε αυτές τις επαναλαμβανόμενες ..

πρώτα, να δημιουργήσετε το package.json σε κάθε ριζικό κατάλογο του τι θέλετε να εισαγάγετε, σε αυτό το παράδειγμα είναι ο φάκελος των στοιχείων.

package.json για το φάκελο των στοιχείων

Δεύτερον, προσπαθήστε να εισαγάγετε το στοιχείο από άλλο αρχείο.

φαίνεται καλά;

PS: Θα μπορούσατε επίσης να χρησιμοποιήσετε την ευρετηρίαση των στοιχείων για καλύτερη εισαγωγή.

voila! εδώ είναι οι διαφορές! Μου φαίνεται αρκετά τακτοποιημένο!

2. Χρησιμοποιήστε τους τριμερείς φορείς όταν είναι απαραίτητο, όχι πάντα.

Η χρήση τριμερών φορέων ίσως φαίνεται πιο δροσερή από ό, τι άλλοι δίσκοι που χρησιμοποιούν την καλή ol 'εάν αλλιώς αλλάζουν τις δηλώσεις, αλλά κάθε σύνταξη έχει τους δικούς της σκοπούς. Δείτε αυτά τα παραδείγματα:

// cool παράδειγμα
const δεδομένα = null;
const derpData = δεδομένα; 'Im not null': 'Γεια σας, είμαι null';
// ένα άλλο παράδειγμα
const anotherData = null;
const anotherDerpData = δεδομένα; anotherData; 'otherData and Data is not Null': 'anotherData είναι null αλλά τα δεδομένα δεν είναι': 'Γεια σας, τα δεδομένα είναι null';
// oh sh * t είναι ακόμη και αναγνώσιμη;

Ίσως χρησιμοποιείτε φανταχτερό IDE ή φανταχτερό linter, αλλά όλοι δεν έχουν το χρόνο να το κάνουν ή να το χρησιμοποιήσουν, γι 'αυτό χρησιμοποιήστε άλλες επιλογές που ταιριάζουν πραγματικά. Ακριβώς όπως λέει τα δροσερά παιδιά: Ο σωστός άνθρωπος στο σωστό μέρος.

3. Κλείστε τις εξαρτήσεις, αποτρέψτε τις αλλαγές θραύσης.

Όταν προσθέτετε όλο και περισσότερες εξαρτήσεις, βεβαιωθείτε ότι έχετε κλειδώσει την έκδοση. Παρακαλώ, να είστε προσεκτικοί σε αυτές τις σπάνιες αλλαγές, η JavaScript, ειδικά η σκηνή της βιβλιοθήκης JavaScript πηγαίνουν πολύ γρήγορα.

αντί να το κάνετε αυτόΚάνε αυτό

Για να το θέσετε απλά, διαγράψτε το ^ χαρακτήρα στο root project package.json.

4. Τροποποιήστε το επίπεδο έργου ή το επίπεδο ανάπτυξης της εφαρμογής, όχι μέσα στο node_modules.

Αυτή η συμβουλή είναι ειδικά για την πλευρά του Android, αυτό πέρασε στο μυαλό μου μετά από την αναβάθμιση των plugins της firebase από το 11,8 σε 12,0, πολλοί που αντιδρούν στην εγγενή εξάρτηση χρησιμοποιούν την πιο πρόσφατη εξάρτηση πυροσβέστης / gms όπως αυτές:

plus σημαίνει τελευταία (αντίδραση-native-fcm)

Ναι, το τελευταίο είναι καλό, αλλά όχι πάντα καλύτερο. Ίσως περιμένετε εκείνα τα αιματηρά χαρακτηριστικά και το γρήγορο bot που κωδικοποιεί τον εαυτό του (όχι, πηγαίνουμε πάρα πολύ μακριά), αλλά έχουμε λάθος εδώ και εκεί. Λοιπόν, ποια είναι η λύση;

Θα μπορούσατε να αλλάξετε τον χαρακτήρα + με την έκδοση των κωδικών σας πριν από το εσωτερικό του node_modules και να δημιουργήσετε το δικό σας αποθετήριο git για να κάνετε αυτές τις αλλαγές διαθέσιμες στους συναδέλφους σας ή στους μελλοντικούς συντηρητές έργων.

Ή

Μπορείτε να τροποποιήσετε το επίπεδο δημιουργίας επιπέδου εφαρμογής

τροποποιημένη έκδοση Android / app / build.gradle

και να αναγκάσει την ανάλυση στο επίπεδο κατασκευής του έργου

τροποποιημένη έκδοση Android / build.gradle

Απλούστερο δικαίωμα; και θα μπορούσατε να τα ωθήσετε σε ένα μόνο repo (το ίδιο το έργο) και ο καθένας ζει ευτυχώς πάντα μετά.

5. Δημιουργήστε συστατικά με βάση την κλάση, αντί για απλούστερα λειτουργικά συστατικά, είτε για απάτη είτε για κρατικό στοιχείο, μπορείτε να χρησιμοποιήσετε το PureComponent.

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

const Header = () => (
Αυτή είναι η επικεφαλίδα );

Ο μύθος είναι εκείνοι που κάνουν τα συστατικά γρηγορότερα από την ταχύτητα του φωτός, αλλά εδώ είναι το γεγονός να αποσιωπίσουμε αυτούς τους μύθους:

Εδώ είναι το γρηγορότερο παράδειγμα PureComponent, που λαμβάνεται από το αρχείο αντιδράσεων, μπορείτε να χρησιμοποιήσετε την ενσωματωμένη inComponentUpdate () για καλύτερη απόδοση:

Αυτό είναι! Ευχαριστώ για την ανάγνωση! παρακαλώ χτυπήστε χειροκρότημα χειροκρότημα αν σας αρέσει

Επεξεργασία: προσθέτοντας λεπτομερές παράδειγμα # 1