फ़्रंट डेवलपर्स के लिए फ्री क्लाउडफ़ेयर यूआई फ्रेमवर्क
CloudFlare ने हाल ही में अपने सिस्टम के एक बड़े ओवरहाल की घोषणा की Backbone से React.js तक. यह एक के साथ आया था अपडेटेड फ्रंट यूआई फ्रेमवर्क और टीम ने सभी के लिए इसे खोलने का फैसला किया.
CloudFlare UI फ्रेमवर्क, संक्षिप्त CF-यूआई, फ्रंटएंड कोड का एक मुक्त खुला स्रोत पुस्तकालय है जो कर सकता है एक रिएक्टर वर्कफ़्लो में टाई.
उनके इस कदम को लेकर टीम काफी खुली हुई है अन्य तकनीकों सहित जैसे Lerna.js के लिए मल्टीपल रिपोज में कोड का प्रबंधन करना. यह ओवरहाल सतही घटकों की तुलना में अधिक गहरा हो जाता है, फिर भी ये मुक्त घटक आपके वर्कफ़्लो में भारी बदलाव ला सकते हैं.
CloudFlare गयी कस्टम घटक साथ में एक पुस्तकालय में इकाई परीक्षण कोड गुणवत्ता की जाँच के लिए। आप देख सकते हैं ए लाइव डेमो सहित इस पृष्ठ पर सभी घटकों के लिए प्रलेखन तथा कोड के टुकड़े.
सभी कोड है प्रतिक्रिया के साथ बनाया गया, इसलिए यह कक्षाओं का विस्तार करता है विभिन्न घटकों जैसे पेजिंग, ड्रॉपडाउन मेनू, इनपुट फ़ील्ड और यहां तक कि ऑटो-कॉपीिंग टेक्स्टारिस के लिए भी बनाया गया है.
आप GitHub पर सभी पैकेजों के माध्यम से ब्राउज़ कर सकते हैं और वे सभी हो सकते हैं npm के माध्यम से स्थापित किया गया. ध्यान दें कि यह बूटस्ट्रैप की तरह एक सरल दृश्यपटल रूपरेखा नहीं है (हालांकि यह उनकी शैली की बारीकी से नकल करता है)। इसके बजाय, यह एक है पूर्ण प्रतिक्रिया + Redux दृष्टिकोण घटकों को आगे बढ़ाने के लिए.
ध्यान दें कि आपको पहले से ही रिएक्ट घटकों के साथ काम करने, एनपीएम के माध्यम से लाइब्रेरी स्थापित करने और रिएक्ट रिडक्स के माध्यम से बाइंडिंग जोड़ने में सहज महसूस करना चाहिए.
वे सभी परियोजनाएं खुले स्रोत हैं और आपकी साइट पर जुड़ने में आसान हैं। अलग - अलग घटक अपनी खुद की जेएस फाइलें हैं जिसे आप अपनी साइट के हेडर में जोड़ सकते हैं। और आप कर सकते है सभी घटकों के माध्यम से ब्राउज़ करें यदि आप और अधिक सीखना चाहते हैं तो GitHub पृष्ठ पर.
जीवंत उदाहरण तथा स्रोत कोड स्निपेट यदि आप सही में गोता लगाना चाहते हैं तो यहां पाया जा सकता है। और निश्चित रूप से, यदि आपके पास तकनीकी विशेषताओं के लिए प्रश्न या विचार हैं, तो आपको उन्हें ब्राउज़ करना चाहिए चर्चा निर्देशिका अधिक जानकारी के लिए। आप CloudFlare devs को मैसेज करने या उन्हें एक ट्वीट @Cloudflare भेजने का भी प्रयास कर सकते हैं.
