React.js 14 Εργαλεία & Πόροι για προγραμματιστές Ιστού

ο δημοτικότητα του React.js υπήρξε αναπτύσσονται γρήγορα αφού το Facebook κυκλοφόρησε για πρώτη φορά τη βιβλιοθήκη το 2013. Είναι το πέμπτο πιο συχνά αστερισμένο έργο ανοιχτού κώδικα σχετικά με το Github, και οι διαφημίσεις εργασίας για τους προγραμματιστές της React είναι επίσης σε μεγάλο βαθμό σε άνοδο. Η αντίδραση είναι α ελαφρύ πλαίσιο JavaScript Για δημιουργία διεπαφών χρήστη - Τα πιο σημαντικά παραδείγματα είναι το Facebook και το Instagram.

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

Τα επίσημα έγγραφα React.js από το Facebook

Το Facebook παρέχει στους προγραμματιστές ένα λεπτομερή τεκμηρίωση στο βασικές έννοιες του React. Εκτός από τα έγγραφα, μπορείτε επίσης να βρείτε εδώ ένα σπουδαίο φροντιστήριο πώς να οικοδομήσουμε ένα διαδραστικό παιχνίδι tic-tac-toe με React, και a φόρουμ συζήτησης για τους προγραμματιστές της React. Ως Τα docs είναι ανοιχτού κώδικα, μπορείτε να τα επεξεργαστείτε ακόμη και αν θέλετε.

React.js Github repo

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

Γεια σας παγκόσμιο κωδικό εκκίνησης

Εάν θέλετε να κάνετε μια γρήγορη προσπάθεια να αντιδράσετε, μπορείτε να ξεκινήσετε με αυτό “Γειά σου Κόσμε” διαδραστικό demo στο Codepen. Περιλαμβάνει όλα τα απαραίτητα περιουσιακά στοιχεία και το κωδικό εκκίνησης επισης. Καθώς η Babel είναι επίσης ενεργοποιημένη, μπορείτε να τη χρησιμοποιήσετε τόσο ECMAScript 6 όσο και σύνταξη JSX. Απλά πιέστε το στυλό και μπορείτε να προχωρήσετε χωρίς να έχετε ρυθμίσει ολόκληρο το περιβάλλον μόνοι σας.

Αντιδράστε το κιτ εκκίνησης

ο Αντιδράστε το κιτ εκκίνησης είναι ένα ισόμορφο boilerplate για εφαρμογές ιστού χτισμένο από Node.js, Express, GraphQL, React, και μερικά εργαλεία ανάπτυξης ιστού, όπως Webpack, Babel, και Browsersync. Σας παρέχει το ίδια στοίβα frontend που χρησιμοποιεί το Facebook και σας επιτρέπει να μεταβείτε σε full-stack React ανάπτυξη χωρίς πάρα πολύ ταλαιπωρία.

ReactCSS

ReactCSS καθιστά δυνατή την προσθέστε inline στυλ CSS σε JavaScript. Το ReactCSS έρχεται με υποστήριξη για τα React, Redux, React Native (πλαίσιο για την κατασκευή εγγενών εφαρμογών για κινητά με χρήση του React), ερωτήματα autoprefixing, hover, pseudo-elements και media. Μπορείτε γρήγορα εγκαταστήστε το με npm.

Αντιμετωπίστε την ενσωμάτωση JSFiddle (με και χωρίς JSX)

Αυτό είναι σπουδαίο online παιδική χαρά αν θέλετε ένα μέρος όπου μπορείτε να αρχίσετε να ασκείτε το React. Του φιλοξενείται στο JSFiddle, και έχει δύο εκδόσεις: ένα με JSX και ένα χωρίς JSX, επιλέξτε όποιον είστε πιο άνετα με.

Αντιδράστε τη γεννήτρια οδηγών στυλ

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

Belle διαμορφώσιμα στοιχεία React

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

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

Ανταπόκριση Περιβάλλοντος Ανάπτυξης UI Storybook

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

React-Bootstrap

React-Bootstrap ενσωματώνει το React με το δημοφιλές Bootstrap 3 περιβάλλον εργασίας. Οι προγραμματιστές της βασικά ξανακτίζουν τα στοιχεία Bootstrap με το React.js. Αυτό οδηγεί σε a καθαρότερη βάση κώδικα με λιγότερη επανάληψη, και a υψηλότερες επιδόσεις.

Σημειώστε ότι καθώς το repo βρίσκεται υπό ενεργό ανάπτυξη, τα APIs θα αλλάξουν στο μέλλον. Για το σημερινή κατάσταση ανάπτυξης, δείτε το οδικός χάρτης του έργου.

Αντιδράστε με τα Εργαλεία για προγραμματιστές για το Chrome

Αντιδράστε με το DevTools για το Chrome είναι μια επέκταση στα Εργαλεία προγραμματιστών Chrome και σας επιτρέπει να κάνετε Επιθεωρήστε την ιεραρχική συνιστώσα. Ήταν δημιουργήθηκε από το Facebook με την προσπάθεια να βοηθήσει την κοινότητα προγραμματιστών να δημιουργήσει νέες εφαρμογές React. Μπορείτε απλά προσθέστε το ως επέκταση του Chrome στο πρόγραμμα περιήγησής σας. Μπορείτε να περιηγηθείτε στο που ανήκουν στον πηγαίο κώδικα και στο Github.

Αντιδράστε με τα Εργαλεία για προγραμματιστές για τον Firefox

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

Πακέτο React.js για Atom

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

React.js Fundamentals - δωρεάν online μαθήματα

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