Frontend Developers için ücretsiz CloudFlare UI Framework

CloudFlare kısa süre önce sistemlerinde büyük bir revizyon olduğunu açıkladı Omurgadan React.js'ye. Bu bir ile geldi güncellenmiş ön uç UI çerçevesi ve takım herkes için kaynak açmaya karar verdi..

CloudFlare UI Çerçevesi, kısaltılmış CF-UI, açık kodlu bir ön uç kodlar kütüphanesidir. bir React iş akışına bağlanın.

Takım hamleleri konusunda çok açıktı diğer teknolojiler dahil için Lerna.js gibi Birden fazla depoda kod yönetimi. Bu revizyon yüzeysel bileşenlerden daha derine iner, ancak bu ücretsiz bileşenler iş akışınızda büyük bir fark yaratabilir.

CloudFlare eklendi özel bileşenler ile birlikte bir kütüphaneye birim testleri kod kalitesini kontrol etmek için. Görebilirsiniz canlı demo Bu sayfadaki tüm bileşenler için belgeleme ve kod parçacıkları.

Tüm kod React ile inşa, öyleyse sınıfları genişletir Sayfalama, açılır menüler, giriş alanları ve hatta otomatik kopyalanan textareas gibi farklı bileşenler için üretilmiştir.

GitHub’daki tüm paketlere göz atabilirsiniz; npm ile kuruldu. Bunun Bootstrap gibi basit bir ön uç çerçevesi olmadığını unutmayın (stillerini yakından taklit etmesine rağmen). Bunun yerine, bu bir tam React + Redux yaklaşımı bileşenleri öne sürmek.

React bileşenleriyle çalışmaktan, npm aracılığıyla kitaplıklar kurmaktan ve React Redux aracılığıyla ciltlemeler eklemek konusunda zaten rahat hissetmeniz gerektiğini unutmayın..

Tüm bu projeler açık kaynak kodlu ve sitenize eklemek kolaydır. Bireysel bileşenler kendi JS dosyalarına sahip olmak sitenizin başlığına ekleyebileceğiniz Ve yapabilirsin tüm bileşenlere göz at Daha fazla bilgi edinmek istiyorsanız GitHub sayfasında.

Canlı örnekler ve kaynak kodu parçacıkları hemen dalmak istiyorsanız burada bulabilirsiniz. Ve tabii ki, teknik özellikler için sorularınız veya fikirleriniz varsa, tartışmalar dizini daha fazla bilgi için. Ayrıca CloudFlare aygıtlarını mesajlaşmayı deneyebilir veya @Cloudflare mesajına tweet gönderebilirsiniz..