Kerangka kerja CloudFlare UI Gratis untuk Pengembang Frontend

CloudFlare baru-baru ini mengumumkan perombakan besar pada sistem mereka dari Backbone ke React.js. Ini datang dengan kerangka UI frontend yang diperbarui dan tim memutuskan untuk membuka sumbernya untuk semua orang.

Itu Kerangka kerja CloudFlare UI, disingkat CF-UI, adalah pustaka kode openend open source gratis yang bisa mengikat ke dalam alur kerja Bereaksi.

Tim sangat terbuka tentang langkah mereka termasuk teknologi lainnya seperti Lerna.js untuk mengelola kode di beberapa repo. Perbaikan ini berjalan lebih dalam dari komponen yang dangkal, namun komponen gratis ini dapat membuat perbedaan besar dalam alur kerja Anda.

CloudFlare ditambahkan komponen khusus ke perpustakaan bersama tes unit untuk memeriksa kualitas kode. Anda bisa melihat demo langsung untuk semua komponen pada halaman ini termasuk dokumentasi dan cuplikan kode.

Semua kode dibangun dengan React, sehingga memperluas kelas dibuat untuk berbagai komponen seperti pagination, menu dropdown, bidang input, dan bahkan salin teks otomatis.

Anda dapat menelusuri semua paket di GitHub dan semuanya bisa diinstal melalui npm. Perhatikan ini bukan kerangka frontend sederhana seperti Bootstrap (meskipun sangat mirip dengan gaya mereka). Sebaliknya, ini adalah menyelesaikan pendekatan React + Redux untuk komponen frontend.

Catatan Anda seharusnya sudah merasa nyaman bekerja dengan komponen Bereaksi, menginstal perpustakaan melalui npm, dan menambahkan binding melalui React Redux.

Semua proyek tersebut bersifat open source dan mudah ditambahkan ke situs Anda. Komponen individual punya file JS sendiri yang dapat Anda tambahkan ke header situs Anda. Dan kamu bisa telusuri semua komponen di halaman GitHub jika Anda ingin mempelajari lebih lanjut.

Contoh langsung dan cuplikan kode sumber dapat ditemukan di sini jika Anda ingin menyelam langsung. Dan, tentu saja, jika Anda memiliki pertanyaan atau ide untuk fitur teknis Anda harus menelusuri direktori diskusi untuk info lebih lanjut. Anda juga dapat mencoba mengirim pesan ke CloudFlare devs atau mengirim mereka tweet @Cloudflare.