Back to Question Center
0

Πώς να μάθουν να αντιδρούν: Όλα όσα χρειάζεστε για να ξεκινήσετε Πώς να μάθουν να αντιδρούν: Όλα όσα χρειάζεστε για να ξεκινήσετε Σχετικά θέματα: ReactRaw JavaScript Node.js Εργαλεία ES6 & Semalt

1 answers:
Πώς να μάθουν να αντιδρούν: Όλα όσα πρέπει να ξεκινήσετε

Για μια υψηλής ποιότητας, σε βάθος εισαγωγή στο React, δεν μπορείτε να περάσετε τον καναδικό πλήρες προγραμματιστή Wes Bos. Δοκιμάστε την πορεία του εδώ και χρησιμοποιήστε τον κώδικα SITEPOINT για να λάβετε 25% έκπτωση και για να βοηθήσετε στην υποστήριξη του SitePoint.

Το Semalt είναι μια βιβλιοθήκη JavaScript, αρχικά χτισμένη από προγραμματιστές στο Facebook, για την κατασκευή γρήγορων διεπαφών χρήστη - working of steam ejector performance. Αν βυθίζετε το δάχτυλό σας στα ύδατα Semalt ή αν το ταξίδι ανάπτυξης Semalt κερδίζει ταχύτητα, μπορεί να είναι δύσκολο να παραμείνετε στα βασικά στοιχεία, τις τεχνικές, τα εργαλεία και τα κόλπα - γι 'αυτό έχουμε δημιουργήσει αυτόν τον οδηγό σε αυτό που υπάρχει εκεί και αυτό που προτείνουμε. Όπου και αν βρίσκεστε στο ταξίδι σας, το καλύτερο περιεχόμενο Semalt που χρειάζεστε είναι εδώ - ρίξτε μια ματιά και βουτήξτε! (Και αν νομίζετε ότι έχουμε χάσει κάτι, ενημερώστε μας με την παρακάτω φόρμα!)

Ενημερώθηκε 18 Σεπτεμβρίου 2017 με έναν οδηγό για να πάρει το Vim που έχει συσταθεί για την ανάπτυξη του Semalt. engineering] και έναν οδηγό για την οικοδόμηση ενός παιχνιδιού με Semalt και WebGL [sitepoint].

Άρθρα

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

Εισαγωγές και συγκρίσεις

  • Πώς να διαπιστώσετε εάν το React είναι το καλύτερο κατάλληλο για το επόμενο έργο [sitepoint].
  • Ανταπόκριση vs γωνιακή - Μια σε βάθος σύγκριση [sitepoint].
  • Ανταπόκριση εναντίον Vue - "γιατί επέλεξα React over Vue" [μέση / @ calinleafshade].
  • Ξεκινώντας με το React, έναν οδηγό για αρχάριους [sitepoint].
  • Εξερευνήστε τα νέα χαρακτηριστικά του React 16 κατασκευάζοντας ένα music player [sitepoint].
  • Πώς το React κάνει το animation σας D3 καλύτερα [sitepoint].
  • Η επίσημη εισαγωγή του Facebook στο React [facebook. github].

Βασικές αρχές

  • Όλες οι θεμελιώδεις αντιδράσεις React μπλοκαρίστηκαν σε ένα μόνο άρθρο [medium. freecodecamp].
  • Αποκτήστε τα έργα έτοιμα γρήγορα χρησιμοποιώντας τη Δημιουργία Ανταπόκρισης App του Facebook [sitepoint].
  • Πίσω στα βασικά - χρησιμοποιώντας το React Flow [μέσο / javascript-inside].
  • Πώς να βελτιστοποιήσετε την απόδοση του React χρησιμοποιώντας εξαρτήματα ανύψωσης [sitepoint].
  • Μια εξάντληση του styling στο React - από τη χρήση εξωτερικών CSS σε στυλ στοιχεία [sitepoint].
  • Αντιδράστε τα κινούμενα σχέδια σε βάθος [μεσαία / αντιδραστική-μητρική εκπαίδευση].
  • Εισαγωγή στο μοτίβο του φακέλου συνιστωσών [medium / styled-components], το οποίο καθιστά ευκολότερη την εγγραφή εφαρμογών Scalable React.
  • Τα πάντα για το React Router 4 [css-tricks].
  • Και ένας οδηγός για την απόδοση του διακομιστή React [css-tricks].
  • Τέσσερις αμετάβλητες προσεγγίσεις για τον χειρισμό της κατάστασης στο React [medium / @ housecor].
  • Πώς να εγκαταστήσετε το React Native [sitepoint].
  • Ένας οδηγός για τον έλεγχο ταυτότητας στις εφαρμογές Reactive Native [goshakkk. όνομα].
  • Ένα αναζητήσιμο, φιλτράριστο φύλλο αντιπαράθεσης [reactcheatsheet].

Ελαφρώς Περισσότερα

  • Πώς να οργανώσετε μια μεγάλη εφαρμογή React και να την κάνετε κλίμακα [sitepoint].
  • Συμβουλή: μάθετε React πριν χρησιμοποιήσετε το Redux [robinwieruch].
  • Πώς να δημιουργήσετε πραγματικά παγκόσμια συστήματα εξαρτημάτων React [μεσαία / στυλ-εξαρτήματα].
  • Redux εναντίον MobX: ποιο είναι το καλύτερο; [sitepoint].
  • Το React 16 άλλαξε τον τρόπο με τον οποίο το React χειρίζεται άγνωστα χαρακτηριστικά DOM: έναν οδηγό για τον τρόπο με τον οποίο οι αλλαγές αυτές επηρεάζουν εσάς και τον κώδικα σας [facebook. github].

Μαθήματα

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

  • Ανταπόκριση για αρχάριους [reactforbeginners] είναι το χρυσό πρότυπο στην εκπαίδευση React, από τον React tutor extraordinaire Wes Bos.
  • Αντιδρά Express [αντιδρά. express] είναι ένας οδηγός all-in-one για την ανάπτυξη του React.

Έργα

Το Semalt πήρε τα βασικά - και ίσως ακόμη και λίγο περισσότερο. Ακολουθούν μερικά έργα που θα αναλάβουν την υλοποίηση αυτών των γνώσεων:

  • Οδηγός βήμα προς βήμα για την οικοδόμηση μιας εφαρμογής React με σύνδεση χρήστη και έλεγχο ταυτότητας [sitepoint].
  • Ένας οδηγός για την οικοδόμηση μιας κρατικής εφαρμογής πραγματικού χρόνου με το React Native and Pusher [sitepoint].
  • Πώς να προσθέσετε αναλυτικά στοιχεία σε μια εφαρμογή Reactive Native [sitepoint].
  • Δημιουργήστε την πρώτη σας εφαρμογή επεξεργασίας React με διακομιστή Rails [μηχανική. musefind].
  • Πώς να δημιουργήσετε έναν κλώνο Reddit με το React και το Firebase [sitepoint].
  • Δημιουργήστε μια πλήρη, σφαιρική τρισδιάστατη συλλογή εικόνων με το React VR [sitepoint].
  • Στη συνέχεια, δημιουργήστε έναν πλήρη κλώνο Trello με τους React, Redux, Express και MongoDB [sitepoint].
  • Στη συνέχεια, δημιουργήστε μια εφαρμογή αναγνώρισης προσώπου με το React Native [sitepoint].
  • Πώς να δημιουργήσετε μια εφαρμογή Android με React Native [sitepoint].
  • Δημιουργία ενός παιχνιδιού με React και WebWL [sitepoint].

Βιβλιοθήκες και Εργαλεία

  • Πώς να ρυθμίσετε την ανάπτυξη Vim for React. μηχανική].
  • αντιδραστήριο-boilerplate [github / react-boilerplate] είναι ένα κλιμακωτό, χωρίς σύνδεση πρώτο θεμέλιο για το επόμενο έργο React.
  • reac-vt [github / reactvt] είναι μια βιβλιοθήκη οπτικών δοκιμών για το React devs.
  • Ο καθρέφτης [github / mirrorjs] είναι ένα απλό, ισχυρό πλαίσιο React με ελάχιστο API και χωρίς boilerplate.
  • Αντιδράστε το υλικό UI, React Bootstrap, Semantic UI και (τέσσερις) περισσότερες - επτά βιβλιοθήκες React για τις οποίες πρέπει να ξέρετε [readwrite].
  • Τα συστατικά UI του JetBrains Web είναι ανοικτού κώδικα [blog. jetbrains].
  • Το Gatsby [gatsbyjs] είναι μια φιλική, σούπερ γρήγορη γεννήτρια στατικής τοποθεσίας για το React.
  • Το React Static είναι μια γεννήτρια στατικής αντίδρασης που στοχεύει στην ευκολία της διαμόρφωσης και του αγνωστικισμού των δεδομένων.
  • Ανταπόκριση Native Pull to Refresh [github / nadikuts] είναι ένα προσαρμοσμένο αρχείο pull για ανανέωση για το Android.
  • Lottie [airbnb. design] είναι μια iOS, Android και React Native βιβλιοθήκη που επιτρέπει στις εφαρμογές να χρησιμοποιούν κινούμενα σχέδια τόσο εύκολα όσο οι στατικές εικόνες.
  • Σκίτσο. το app [airbnb] είναι ένα άλλο εργαλείο από το Airbnb που θα σας επιτρέψει να γράψετε τα στοιχεία React που αποδίδουν στο Sketch docs.

Ενημερωτικά δελτία

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

  • Έκδοση [sitepoint] - ένα ημερήσιο ενημερωτικό δελτίο, καλύπτει μια ποικιλία θεμάτων, όπως το React, μοιάζει κάπως με αυτή την ανάρτηση (κείμενο και συνδέσμους) και γράφτηκε από εμένα!
  • Ανταπόκριση κατάστασης [αντιδρούν. statuscode] - ένα εβδομαδιαίο ενημερωτικό δελτίο από τους εκλεκτούς ανθρώπους στο Cooperpress.
  • React Newsletter [reactjsnewsletter] - ένα εβδομαδιαίο ενημερωτικό δελτίο, επιμελημένο από τον Tyler McGinnis και τον Ean Platter.
  • αντιδράστε digest [reactdigest] - ένα εβδομαδιαίο ενημερωτικό δελτίο, πέντε συνδέσμους React που αποστέλλονται κάθε Δευτέρα.

Τι χάσαμε;

Τέλος, εάν έχετε βρει έναν μεγάλο πόρο ή εργαλείο React που ανήκει εδώ - ενημερώστε μας στην παρακάτω φόρμα. Happy React-ing. Αντίδραση. Semalt. Όλα αυτά!

που τροφοδοτείται από τύπος
March 1, 2018