Μπλοκάρει το CSSOM το rendering της σελίδας; Γιατί;
Frontend
Περιγράψτε την κρίσιμη διαδρομή απόδοσης του προγράμματος περιήγησης: από την εισαγωγή του URL στη γραμμή διευθύνσεων μέχρι την απόδοση της σελίδας. Μιλήστε για DNS, TCP, HTTP, κατασκευή DOM, CSSOM, Render Tree, Layout και Paint.
Τι είναι το reflow και το repaint; Τι είναι ένα forced reflow (ανακατασκευή με αναγκαστικό τρόπο); Πώς μπορούμε να βελτιστοποιήσουμε το rendering για να μειώσουμε τον αριθμό των forced reflows;
Πώς να κάνετε τη λειτουργία makeBook να επιστρέφει τις αναμενόμενες τιμές 0 και 5 αντί για δύο δεκάδες;
Σε ποιες περιπτώσεις συμβαίνει η επαναεικόνιση (re-render) ενός συστατικού στο React; Μιλήστε για reconciliation (συμφιλίωση).
Πώς μπορεί να λυθεί μια εργασία που λύνεται μέσω κληρονομικότητας με εναλλακτικό τρόπο; Τι είναι η σύνθεση στο πλαίσιο του TypeScript και του React;
Δείτε τη λειτουργία makeBook. Προσδιορίστε τι θα εμφανιστεί στην κονσόλα στις γραμμές 20-21 (δύο σχολιασμένες γραμμές). Εξηγήστε τη συμπεριφορά της λειτουργίας.
Ποια μοτίβα σχεδίασης και αρχές ποιότητας κώδικα χρησιμοποιείτε κατά την ανάπτυξη με React/TypeScript; Πώς εφαρμόζετε τις αρχές SOLID στην ανάπτυξη frontend;
Αναδιαρθρώστε το συστατικό που εμφανίζει έναν τυχαίο αριθμό (από Promise) και τη θέση κύλισης. Βρείτε τα προβλήματα και διορθώστε τα.
Τι είναι τα HOC (Υψηλότερου Επιπέδου Συστατικά); Για ποιο λόγο χρησιμοποιούνται; Δώστε παραδείγματα χρήσης HOC στο React.
Ποια είναι η χρήση των γενικών τύπων (Generics) στο TypeScript; Πώς περιορίζουμε ένα γενικό τύπο σε συγκεκριμένους τύπους; Τι είναι το type narrowing και πώς υλοποιείται;
Πώς λειτουργεί το Virtual DOM στο React; Πώς καθορίζει το React τη σειρά εκτέλεσης των λειτουργιών κατά το re-render; Διηγηθείτε για το React Fiber και τον προγραμματιστή (scheduler).
Τι είναι το CORS; Πώς λειτουργεί; Ποια είναι η διαφορά μεταξύ απλών αιτημάτων (GET, POST) και προ-ελέγχου αιτημάτων (OPTIONS); Τι ελέγχει το CORS κατά την αποστολή ενός αιτήματος;