Γιατί οι λειτουργίες Arrow και bind στο React's Render είναι προβληματικές

(Συμβουλή: Κάνει θα πρέπει να κάνειComponentUpdate και PureComponent cranky) Σε μια προηγούμενη ανάρτηση, εξήγησα πώς να εξαγάγω τα στοιχεία React θυγατρικών για να αποφύγετε τη χρήση λειτουργιών σύνδεσης ή βέλους στην απόδοση. Αλλά δεν έδωσα μια σαφή επίδειξη για να δείξω γιατί αυτό είναι χρήσιμο. Εδώ είναι ένα γρήγορο παράδειγμα. Σε αυτό το παράδειγμα, χρησιμοποιώ μια λειτ

Διαβάστε περισσότερα

Πώς να απαντήσετε στην φοβερή ερώτηση συνέντευξης «πείτε μου για τον εαυτό σας»

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

Διαβάστε περισσότερα

Τι είναι το TLS; Η κρυπτογράφηση ασφάλειας επιπέδου μεταφοράς εξηγείται στα απλά αγγλικά

Εάν θέλετε να κάνετε μια εμπιστευτική συνομιλία με κάποιον που γνωρίζετε, μπορεί να συναντηθείτε προσωπικά και να βρείτε ένα ιδιωτικό μέρος για να μιλήσετε. Ωστόσο, εάν θέλετε να στείλετε δεδομένα εμπιστευτικά μέσω του Διαδικτύου, μπορεί να έχετε μερικές ακόμη σκέψεις για να καλύψετε. Το TLS, ή Transport Layer Security, αναφέρεται σε ένα πρωτόκολλο. Το "Πρωτόκολλο" είναι μια λέξη που σημαίνει, "ο τρόπος με τον οποίο έχουμε συμφωνήσει να κάνουμε πράγματα εδώ", λίγο πολύ. Το τμήμα "layer μεταφοράς" του TLS αναφέρεται

Διαβάστε περισσότερα

Χαρτογράφηση των υδάτων: μεταξύ Bokeh και D3

Χαρτογράφηση των υδάτων: μεταξύ Bokeh και D3 Εισαγωγή Έρχεται μια στιγμή στη ζωή ενός εκκολαπτόμενου “low-key αλλά επίσης high-key προσπαθώντας να γίνει σχεδιαστής και προγραμματιστής front-end” όταν πρέπει να μπουν στον κόσμο των βιβλιοθηκών χαρτογράφησης. Οι βιβλιοθήκες χαρτογράφησης παράγουν οπτικοποιήσεις βάσει δεδομένων. Είναι ο λόγος για τον οποίο μπορείτε να κατανοήσετε γρήγορα τις τάσεις στο προσδόκιμο ζωής στο FiveThirtyEight ή να με

Διαβάστε περισσότερα

Εισαγωγή στο Διαδίκτυο των πραγμάτων

Εισαγωγή Τα τελευταία χρόνια, οι συσκευές Internet of Things (IoT) έχουν αρχίσει να γίνονται όλο και πιο σημαντικό συστατικό στην καθημερινή μας ζωή. Ορισμένες κοινές εφαρμογές για συσκευές IoT είναι: Έξυπνο σπίτι (π.χ. έξυπνοι λαμπτήρες) Wearables (π.χ. έξυπνα ρολόγια) Αυτόνομα οχήματα Έξυπνες πόλεις Έξυπνη λιανική Σύμφωνα με την Wikipedia, οι συσκευές IoT ορίζον

Διαβάστε περισσότερα

Πώς να γίνετε καλύτερος χρήστης Stack Overflow σε πέντε απλά βήματα

Οι προγραμματιστές λογισμικού δεν μπορούν να φανταστούν τη ζωή τους χωρίς Stack Overflow. Το χρησιμοποιούμε σχεδόν κάθε μέρα! Το αγαπάμε. Μας εξοικονομεί πολύ χρόνο που μπορεί να είναι αφιερωμένος σε κάτι καλύτερο από το να ορκίζομαι σε έναν υπολογιστή και να εφεύρουμε έναν τροχό. Αυτό που κάνει το Stack Overflow τόσο πολύτιμο είναι το περιεχόμενό του. Σχεδόν όλα όσα μπορείτε να σκεφτείτε είναι ήδη εκεί. Έχετε ένα πρόβλημα που δεν μπορείτε να λύσετε μόνοι σας, το Google το. Και είναι, ο πρώτος

Διαβάστε περισσότερα

Μάθετε να δημιουργείτε ένα 2D παιχνίδι πλατφόρμας χρησιμοποιώντας τη μηχανή παιχνιδιών Godot

Μάθετε να χρησιμοποιείτε το Godot δημιουργώντας ένα 2D παιχνίδι πλατφόρμας σε αυτό το σεμινάριο για απόλυτους αρχάριους από το Awesome Tuts. Το Godot είναι μια μηχανή 2-και 3D cross-platform game που κυκλοφόρησε ως λογισμικό ανοιχτού κώδικα. Κατά τη διαδικασία δημιουργίας ενός απλού παιχνιδιού που ονομάζεται "Monster Chase", θα μάθετε τα βασικά του Godot που μπορείτε να αρχίσετε να εφαρμόζετε στα

Διαβάστε περισσότερα

Ζουμ D3 - το εγχειρίδιο που λείπει

Πώς να κάνετε ζουμ και μετακίνηση των οπτικοποιήσεων δεδομένων σας χρησιμοποιώντας SVG και Canvas Η καλύτερη παράγραφος για ένα άρθρο ζουμ D3 έχει ήδη γραφτεί και έχει ως εξής: Είναι καλό. Σε τέσσερις προτάσεις, σας λέει ακριβώς τι είναι το ζουμ και τι κάνει και - πιθανώς το πιο σημαντικό - αφαιρεί τους φόβους σας για ζουμ. Λοιπόν

Διαβάστε περισσότερα

Πώς να δημιουργήσετε μια εφαρμογή ειδήσεων με το React Native

Για την πρώτη μου ανάρτηση στο Medium και ήθελα να μοιραστώ μαζί σας πώς έφτιαξα μια εφαρμογή ειδήσεων με το React Native. Αρχικά δημοσιεύτηκε στο blog μου. Απαιτήσεις για την κατασκευή της εφαρμογής: Μια βασική κατανόηση του JavaScriptγλώσσα . Εγκατάσταση: Node.js, αντιδράστε εγγενή χρησιμοποιώντας npm. Χρησιμοποιημένες βιβλιοθήκες: moment, react-native, react-native-στοιχεία. Εάν δεν είστε εξοικειωμένοι μ

Διαβάστε περισσότερα

Τρόπος δημιουργίας προφίλ κώδικα στον VSCode

Αυτό το post piggybacks από τη δουλειά του @avanslaars, ο οποίος είναι συνάδελφος εκπαιδευτής στο egghead.io. Το μοιράστηκε αυτό στο egghead Slack πριν από λίγο και δεν έφτασα ποτέ να το ρυθμίσω μόνος μου. Τώρα, δημιουργώ ένα νέο φορητό υπολογιστή και αποφάσισα να το δοκιμάσω. Ακολουθώντας το repo του Andy εδώ, θα σας καθοδη

Διαβάστε περισσότερα

Μάθετε το React με αυτό το τεράστιο μάθημα 48 τμημάτων που δημιουργήθηκε από μια κορυφαία σχολή τεχνολογίας

Από τότε που ξεκινήσαμε τη δημιουργία μαθημάτων για το Scrimba, οι χρήστες μας μας ζήτησαν ένα σωστό εισαγωγικό μάθημα για το React. Έτσι, όταν φτάσαμε επιτέλους, αποφασίσαμε να το κάνουμε το πιο ολοκληρωμένο μάθημά μας ποτέ. Ονομάζεται Learn React και περιέχει συνολικά 48 κεφάλαια - ένα συνδυασμό διαλέξεων και διαδραστικών εργασιών. Έναρξη μαθημάτων; Συνεργαστήκαμε με το @bobziroll στο @VSCH

Διαβάστε περισσότερα

Πώς να δημιουργήσετε και να αναπτύξετε έναν διακομιστή GraphQL στο AWS Lambda χρησιμοποιώντας το Node.js και το CloudFormation

Εισαγωγή Δημιουργώ API GraphQL σε περιβάλλον χωρίς διακομιστή για πάνω από 3 χρόνια τώρα. Δεν μπορώ καν να φανταστώ ότι δουλεύω πλέον με RESTful API. Συνδυάστε τη δύναμη του GraphQL με την επεκτασιμότητα του AWS Lambda και διαθέτετε έναν διακομιστή που μπορεί να χειριστεί απεριόριστα ποσά επισκεψιμότητας. Σε αυτό το σεμινάριο, θα δημιουργήσουμε και θα αναπτύξουμε έναν διακομιστή GraphQL στο AWS Lambda και θα έχουμε πρόσβαση μέσω ενός τερματικού API Gateway. Θα χρησιμοποιήσουμε το CloudFormation και το AWS CLI για να ανα

Διαβάστε περισσότερα

Πώς να δημιουργήσετε μια επέκταση μεταξύ προγραμμάτων περιήγησης χρησιμοποιώντας JavaScript και API API

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

Διαβάστε περισσότερα

Μάθετε το React σε 1 ώρα δημιουργώντας μια εφαρμογή αναζήτησης ταινιών

Εάν θέλετε να μάθετε το React, αλλά δεν είστε σίγουροι για το πού να ξεκινήσετε, το ολοκαίνουργιο μάθημα της εφαρμογής Scrimba Build a Movie Search είναι ιδανικό για εσάς! Σε αυτό το μάθημα, θα καθοδηγήσετε τη δημιουργία της εφαρμογής από την αρχή έως το τέλος σε μία μόνο ώρα. Και θα αντιμετωπίσετε διαδραστικές προκλήσεις που θα σας βοηθήσουν να αποκτήσετε τη μυϊκή μνήμη που χρειάζεστε για να γίνετε ένας αποτελεσματικός προγραμματιστής React. Γιατί να μάθετε το React

Διαβάστε περισσότερα

Πώς να κάνετε τις κριτικές κωδικών σας διασκεδαστικές (και όχι τρομερές)

Έχω κάνει το δίκαιο μερίδιο των κριτικών κώδικα. Με δίκαιο μερίδιο, εννοώ πολλά. Έχετε κάνει ποτέ μια αναθεώρηση κώδικα για ένα επικό χαρακτηριστικό; Εχω. Δεν ήταν μια υπέροχη εμπειρία, γιατί τη στιγμή που το 100ο αρχείο αναθεωρήθηκε, ήμουν ήδη κουρασμένος κοιτάζοντας τον κώδικα. Ήμουν τόσο κοντά στο να πηγαίνω "Yup, μου φαίνεται καλό" και μετά έδωσα την έγκρισή μου. Αλλά έτσι δεν λειτουργούν οι κριτικές κώδικα. Μόλις ξεκινήσετε, πρέπει να τηρήσετε και να το τελειώσετε μέχρι το τέλος. Σίγουρα, μπορείτ

Διαβάστε περισσότερα

Οι καλύτεροι τρόποι σύνδεσης στο διακομιστή χρησιμοποιώντας το Angular CLI

Όλοι όσοι έχουν χρησιμοποιήσει το Angular CLI γνωρίζουν ότι είναι ένα ισχυρό εργαλείο που μπορεί να μεταφέρει μια αναπτυξιακή εργασία σε ένα εντελώς διαφορετικό επίπεδο. Έχει όλες τις κοινές εργασίες όπως ζωντανή φόρτωση, μεταγραφή κειμένου, ελαχιστοποίηση και άλλα. Και είναι όλα προρυθμισμένο και έτοι

Διαβάστε περισσότερα

Πώς να δημιουργήσετε έναν αποκριτικό πίνακα σταθερών δεδομένων με React Hooks

Ένα από τα έργα μου χρησιμοποιεί μια βιβλιοθήκη που ονομάζεται Fixed-Data-Table-2 (FDT2) και είναι ιδανικό για αποτελεσματική απόδοση τόνων σειρών δεδομένων. Η τεκμηρίωσή τους δείχνει έναν αποκριτικό πίνακα που αλλάζει το μέγεθος με βάση το πλάτος και το ύψος του προγράμματος περιήγησης. Νόμιζα ότι θα ήταν ωραίο να μοιραστώ αυτό το παράδειγμα χρησιμοποιώντας το React Hooks. Τι είναι τα React Hooks; Είναι λειτουργίες που σας δίνουν χαρακτηριστικά React, όπως άγκιστρα κατάστασης και κύκλου ζωής χωρίς

Διαβάστε περισσότερα

435 Δωρεάν Μαθήματα Προγραμματισμού & Επιστήμης Υπολογιστών που μπορείτε να ξεκινήσετε τον Ιούνιο

Πριν από πέντε χρόνια, πανεπιστήμια όπως το MIT και το Stanford άνοιξαν για πρώτη φορά δωρεάν διαδικτυακά μαθήματα στο κοινό. Σήμερα, περισσότερα από 700 σχολεία σε όλο τον κόσμο έχουν δημιουργήσει χιλιάδες δωρεάν διαδικτυακά μαθήματα. Ακολουθούν 250 μαθήματα Ivy League που μπορείτε να παρακολουθήσετε δωρεάν τώρα 250 MOOCs από Brown, Columbia, Cornell, Dartmouth, Harvard, Penn, Princeton και Yale. Έχω καταρτίσει

Διαβάστε περισσότερα

Unity Dashboard - μαθήματα που αντλήθηκαν κλιμακώνοντας τις διεπαφές μας, τον πολιτισμό ανάπτυξης και τις διαδικασίες

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

Διαβάστε περισσότερα

Crack the System Design συνέντευξη: συμβουλές από έναν μηχανικό λογισμικού Twitter

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

Διαβάστε περισσότερα