Οι κορυφαίες 50 ερωτήσεις και απαντήσεις της συνέντευξης React που πρέπει να γνωρίζετε

Οι προγραμματιστές του ReactJS είναι ιδιαίτερα περιζήτητοι και υπάρχει ένας καλός λόγος για αυτό. Αλλά θα πρέπει να αποδείξετε την επάρκειά σας στο πλαίσιο για να πάρετε τη δουλειά.

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

1. Τι είναι το React;

Το React είναι μια δωρεάν και ανοιχτού κώδικα βιβλιοθήκη JavaScript για ανάπτυξη διεπαφής χρήστη, η οποία χρησιμοποιεί στοιχεία για τη δημιουργία εξόδου για εφαρμογές μιας σελίδας. Το React αναπτύχθηκε από το Facebook (Meta) και διατηρείται από μια κοινότητα προγραμματιστών.

2. Καταγράψτε τα σημαντικά χαρακτηριστικά του React

Τα πιο σημαντικά χαρακτηριστικά του React περιλαμβάνουν:

1. Ευκολία στη χρήση
2. Γρήγορη ανάπτυξη
3. Η χρήση εξαρτημάτων
4. JSX
5. Το εικονικό DOM
6. Υψηλές επιδόσεις
7. Μονόδρομη δέσμευση δεδομένων

3. Πού βρίσκεται το αποθετήριο έργου της React;

Το React είναι ένα μονο-αποθετήριο που ζει στο https://github.com/facebook/react. Το να είναι ένα μονο-αποθετήριο σημαίνει ότι όλος ο κώδικάς του και άλλες πηγές αποθηκεύονται στο ίδιο μέρος για ευκολότερη ανάπτυξη και διαχείριση.

4. Ποια είναι η τρέχουσα σταθερή έκδοση του React;

Η πιο πρόσφατη σταθερή έκδοση του React από τις 14 Ιουνίου 2022 είναι η 18.2.0.

5. Αναφέρετε τις διαφορές μεταξύ React Native και ReactJS

Το React και το ReactJS είναι το ίδιο, ενώ το React Native είναι χτισμένο στο React. Λόγω των διαφορών τους, το React χρησιμοποιείται για τη δημιουργία δυναμικών και αποκριτικών διεπαφών χρήστη για εφαρμογές web, ενώ το React Native έχει σχεδιαστεί για τη δημιουργία εφαρμογών ως εφαρμογές για κινητά.

6. Ποια είναι η διαφορά μεταξύ ενός στοιχείου και ενός στοιχείου;

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

7. Πώς δημιουργείτε ένα στοιχείο;

Υπάρχουν δύο τρόποι για να δημιουργήσετε ένα στοιχείο στο React: 1.) Στοιχεία συνάρτησης και 2.) στοιχεία κλάσης. Όπως υποδηλώνουν τα ονόματα, ένα στοιχείο συνάρτησης δημιουργείται χρησιμοποιώντας μια δήλωση συνάρτησης, ενώ ένα στοιχείο κλάσης δημιουργείται χρησιμοποιώντας μια δήλωση κλάσης.

//function component
function Hello({ message }) {
  return <h1>{`Function hello, ${message}`}</h1>

}
//class component
class Hello extends React.Component {
  render() {
    return <h1>{`Class hello, ${this.props.message}`}</h1>
  }
}

8. Καταγράψτε τα 4 στάδια ενός React Component

Ένα εξάρτημα React υφίσταται τα ακόλουθα 4 στάδια στον κύκλο ζωής του:

1. Αρχικό στάδιο – Κατασκευή εξαρτημάτων στην προεπιλεγμένη κατάσταση με αρχικά στηρίγματα
2. Φάση τοποθέτησης – Απόδοση JSX του στοιχείου
3. Φάση ενημέρωσης – Αλλαγές κατάστασης στοιχείων και επανασχεδιασμός εφαρμογής
4. Φάση αποσυναρμολόγησης – Αφαίρεση στοιχείου από το DOM

9. Εξηγήστε τι σημαίνει Στοιχείο υψηλότερης τάξης

Ένα στοιχείο υψηλότερης τάξης (HOC) είναι μια μεθοδολογία React για τη δημιουργία στοιχείων. Χρησιμοποιεί ένα υπάρχον στοιχείο για να δημιουργήσει ένα νέο με επιπλέον λειτουργικότητα. Με άλλα λόγια, ένα HOC είναι μια συνάρτηση που παίρνει ένα στοιχείο ως όρισμα και επιστρέφει ένα νέο στοιχείο με πρόσθετα χαρακτηριστικά.

10. Τι είναι τα ελεγχόμενα και τα μη ελεγχόμενα εξαρτήματα;

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

11. Τι είναι τα Props στο React;

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

12. Τι είναι τα στηρίγματα.παιδιά;

Το χαρακτηριστικό Props.children περιέχει πληροφορίες για όλα τα περιεχόμενα ενός στοιχείου που έχει ετικέτα ανοίγματος και κλεισίματος. Αυτά τα παιδιά αναφέρονται σε όλα τα στοιχεία που ορίζονται στο τρέχον στοιχείο και μπορεί να είναι ένα, πολλά ή κανένα.

13. Μπορείτε να ενημερώσετε τα props στο React;

Όχι, τα στηρίγματα στο React είναι από πάνω προς τα κάτω και αμετάβλητα. Αυτό σημαίνει ότι ένα στοιχείο μπορεί να στείλει όποιες ιδιότητες του αρέσουν στα παιδιά του, αλλά δεν μπορεί να ενημερώσει τα στηρίγματα του. Μόνο ο γονέας του μπορεί να ενημερώσει τα στηρίγματα του.

14. Τι είναι το JSX;

Το JSX σημαίνει JavaScript XML. Είναι μια επέκταση σύνταξης JavaScript που καθιστά δυνατή την εγγραφή HTML μέσα στον κώδικα react. Το πρόγραμμα περιήγησης δεν καταλαβαίνει το JSX ούτως ή άλλως, επομένως το React πρέπει να το αποδώσει σε αναγνώσιμο κώδικα HTML.

15. Ποια είναι η διαφορά μεταξύ ενός στοιχείου και ενός στοιχείου

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

16. Τι είναι η κατάσταση στο React;

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

17. Τι είναι το στοιχείο απάτριδας;

Ένα στοιχείο React χωρίς κατάσταση δεν έχει κατάσταση. Αυτό σημαίνει ότι δεν μπορείτε ούτε να ορίσετε την κατάστασή του με this.setState() μέθοδος ούτε έχει αποδοθεί. Ωστόσο, ένα στοιχείο χωρίς ιθαγένεια μπορεί να έχει στηρίγματα.

18. Πώς ενημερώνετε μια κατάσταση στο React

Ενημερώνετε την κατάσταση ενός στοιχείου καλώντας το this.setState() μέθοδος.

19. Εξηγήστε την αυστηρή λειτουργία του React

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

20. Τι σημαίνει Lifting State Up στο React;

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

21. Πώς μεταβιβάζετε δεδομένα στο React;

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

22. Ορίστε Ροή στο React

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

23. Ορίστε Redux στο React

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

24. Πότε πρέπει να χρησιμοποιείτε το Redux;

Δεν χρειάζονται όλες οι εφαρμογές Redux. Αλλά είναι χρήσιμο στις ακόλουθες συνθήκες:

1. Όταν έχετε μεγάλες ποσότητες καταστάσεων εφαρμογής στην εφαρμογή σας
2. Όταν η λογική της εφαρμογής σας είναι πολύπλοκη
3. Όταν η εφαρμογή σας έχει μεγάλη βάση κώδικα
4. Όταν πρέπει να ενημερώνετε συχνά την εφαρμογή
5. Όταν έχετε πολλά άτομα που εργάζονται στην εφαρμογή

25. Ποια είναι η σημαντική διαφορά μεταξύ Redux και Flux;

Η κύρια διαφορά μεταξύ των δύο είναι ότι το Redux διαχειρίζεται όλα τα δεδομένα εφαρμογών από ένα μόνο κατάστημα, ενώ μπορείτε να έχετε πολλά καταστήματα στο Flux.

26. Καταγράψτε τα στοιχεία του Redux

Υπάρχουν 4 κύρια μέρη του Redux:

1. κατάστημα – Εδώ αποθηκεύετε την κατάσταση της εφαρμογής.
2. Ενέργειες – Αυτά είναι συμβάντα που αναγκάζουν την εφαρμογή να στέλνει δεδομένα στο κατάστημα Redux.
3. Reducer – Αυτή είναι μια συνάρτηση που δέχεται την τρέχουσα κατάσταση της εφαρμογής και μια ενέργεια ως ορίσματα και, στη συνέχεια, επιστρέφει μια νέα κατάσταση ως αποτέλεσμα.
4. Middleware – Αυτή η δυνατότητα επιτρέπει σε έναν προγραμματιστή να καταγράφει όλες τις ενέργειες από ένα στοιχείο προτού φτάσουν στη λειτουργία μειωτήρα.

27. Τι είναι τα React Hooks;

Τα άγκιστρα React είναι μια δυνατότητα των στοιχείων λειτουργιών που σας επιτρέπουν να έχετε πρόσβαση σε διαφορετικές λειτουργίες του React, όπως δεδομένα κατάστασης και απόδοση ενημερώσεων. Παρουσιάστηκε στο React 16.8.

28. Καταγράψτε τον τύπο των Hook στο React

Υπάρχουν 15+ άγκιστρα στο React, ξεκινώντας από τα βασικά άγκιστρα όπως useState, useEffect και useContext έως πρόσθετα άγκιστρα όπως useCallback, useReducer, useMemo, useRef κ.λπ.

29. Τι είναι τα Fragments;

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

<>

or

και φορτώστε όλα τα παιδικά στοιχεία που θέλετε μέσα. Η μόνη διαφορά είναι ότι η σύντομη έκδοση <> δεν δέχεται κλειδιά και χαρακτηριστικά, ενώ η μεγάλη έκδοση.

30. Καταγράψτε τις κύριες μεθόδους του πακέτου react-dom

Είναι το createPortal() για την απόδοση των παιδιών σε ένα εξωτερικό DOM και το flushSync() για την έκπλυση ενημερώσεων. Υπάρχουν επίσης οι μέθοδοι render() και hydrate(), οι οποίες έχουν αντικατασταθεί από την createRoot() και την hydrateRoot() από το React 18.

31. Τι είναι τα κλειδιά React;

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

32. Γιατί είναι σημαντικά τα κλειδιά React;

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

33. Τι είναι ένα συμβάν στο React;

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

34. Εξηγήστε τι Συνθετική Εκδήλωση Που σημαίνει

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

35. Τι είναι το Webpack;

Το Webpack είναι ένα σύστημα ομαδοποίησης λειτουργιών που χρησιμοποιείται για τον συνδυασμό και την ελαχιστοποίηση αρχείων JavaScript και CSS. Είναι χτισμένο στο Node.js και είναι χρήσιμο όταν εργάζεστε με μεγάλο αριθμό αρχείων ή μη κωδικών στοιχείων, όπως εικόνες και γραμματοσειρές.

36. Τι είναι η δημιουργία-react-app;

Το Create-react-app είναι ένα εργαλείο που σας βοηθά να δημιουργήσετε μια εφαρμογή React μιας σελίδας στο περιβάλλον Node.js. Δημιουργεί όλα τα αρχεία και τους φακέλους που χρειάζεστε για να ξεκινήσετε μια βασική εφαρμογή και την παίρνετε από εκεί. Απαιτεί την έκδοση Node 14.0.0 και άνω και npm από την έκδοση. 5.6.

Η χρήση είναι απλή:

npx create-react-app myNewApp

cd myNewApp

έναρξη npm

37. Μπορείτε να αποδώσετε την πλευρά του διακομιστή με το React;

Ναι, μπορείτε, αν και μπορεί να απαιτήσει ένταση πόρων για μεγάλα έργα. Η απόδοση από την πλευρά του διακομιστή είναι χρήσιμη, καθώς βελτιώνει την εμπειρία χρήστη και το SEO. Θα χρειαστείτε ένα περιβάλλον Node.js, ένα bundler όπως το Webpack και ένα πλαίσιο όπως Next.js Remix για απόδοση εφαρμογών React κατά το χρόνο εκτέλεσης. Μια λύση για την εντατική χρήση πόρων είναι η χρήση μιας δημιουργίας στατικών τοποθεσιών, όπως το Next.js-based Γκάτσμπι.

38. Εξηγήστε τι κάνει η συνάρτηση βέλους

Μια συνάρτηση βέλους είναι απλώς ένας συντομότερος τρόπος ορισμού συναρτήσεων. Είναι μια συντομογραφία ES6 που αντικαθιστά:

= συνάρτηση () μαζί σου, ()=>.

Για παράδειγμα:

δοκιμή = συνάρτηση(){

επιστροφή "Αυτό είναι μια δοκιμή"?

}

τότε γίνεται:

δοκιμή = () => {

επιστροφή "Αυτό είναι ένα τεστ"?

}

ή για δηλώσεις μίας γραμμής:

test = () => "Αυτό είναι ένα τεστ";

39. Τι είναι α Αντιδράστε το δρομολογητή?

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

40. Ποια είναι τα κύρια πλεονεκτήματα της χρήσης του δρομολογητή React;

Δημιουργεί διαφορετικές διαδρομές url για την εφαρμογή σας και παρέχει τιμές window.location και ένα αντικείμενο ιστορικού.

41. Τι είναι το ComponentWillUnmount();

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

42. Τι είναι το The Constructor();

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

43. Τι είναι το Virtual DOM;

Το εικονικό DOM της React είναι ένα ελαφρύ αντίγραφο του DOM του πραγματικού εγγράφου HTML. Χρησιμοποιείται για αποτελεσματική διαχείριση και ενημέρωση των αλλαγών στο πραγματικό DOM.

44. Ποια είναι τα πλεονεκτήματα του Virtual DOM έναντι του Real DOM;

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

45. Εξηγήστε τον όρο Συμφιλίωση στο React

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

46. Εξηγήστε τον όρο Κατατομή στο React

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

47. Εξηγήστε τον όρο Πλαίσιο στο React

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

48. Εξηγήστε τον όρο Βάση στο React

Η τοποθέτηση στο React είναι η διαδικασία σύνδεσης ενός στοιχείου ως κόμβου στο DOM. Η αποσυναρμολόγηση είναι το αντίθετο.

49. Εξηγήστε τον όρο απόδοση στο React

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

50. Εξηγήστε τον όρο Όριο σφάλματος στο React

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

Συμπέρασμα

Φτάσαμε στο τέλος αυτής της λίστας με τις κορυφαίες 50 ερωτήσεις συνέντευξης του React που πρέπει να γνωρίζετε και ελπίζουμε να έχετε μια καλή ιδέα για το τι μπορείτε να περιμένετε μέχρι τώρα.

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