Δωρεάν περιβάλλον εργασίας CloudFlare UI για προγραμματιστές Frontend

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

ο CloudFlare UI Framework, συντομογραφία CF-UI, είναι μια ελεύθερη βιβλιοθήκη ανοιχτού κώδικα κωδικών frontend που μπορούν συνδέστε σε μια ροή εργασίας React.

Η ομάδα ήταν πολύ ανοιχτή για τη μετακίνησή τους συμπεριλαμβανομένων άλλων τεχνολογιών όπως το Lerna.js για διαχείριση κώδικα σε πολλαπλά repos. Αυτή η γενική επισκευή είναι βαθύτερη από τα επιφανειακά εξαρτήματα, όμως αυτά τα ελεύθερα εξαρτήματα μπορούν να κάνουν τεράστια διαφορά στη ροή εργασίας σας.

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

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

Μπορείτε να περιηγηθείτε σε όλα τα πακέτα στο GitHub και όλα αυτά μπορούν εγκατεστημένο μέσω npm. Σημειώστε ότι αυτό δεν είναι ένα απλό πλαίσιο frontend όπως Bootstrap (αν και μιμείται στενά το στυλ τους). Αντ 'αυτού, αυτό είναι α ολοκληρώστε την προσέγγιση React + Redux για την προετοιμασία των στοιχείων.

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

Όλα αυτά τα έργα είναι ανοιχτού κώδικα και είναι εύκολα προσβάσιμα στον ιστότοπό σας. Μεμονωμένα εξαρτήματα έχουν τα δικά τους αρχεία JS που μπορείτε να προσθέσετε στην κεφαλίδα του ιστοτόπου σας. Και μπορείς περιηγηθείτε σε όλα τα στοιχεία στη σελίδα GitHub αν θέλετε να μάθετε περισσότερα.

Ζωντανά παραδείγματα και αποσπάσματα πηγαίου κώδικα μπορείτε να βρείτε εδώ αν θέλετε να κάνετε κατάδυση απευθείας. Και, φυσικά, αν έχετε ερωτήσεις ή ιδέες για τεχνικά χαρακτηριστικά θα πρέπει να περιηγηθείτε στο κατάλογος συζητήσεων για περισσότερες πληροφορίες. Μπορείτε επίσης να δοκιμάσετε μηνύματα CloudFlare devs ή να τους στείλετε ένα tweet @Cloudflare.