Rangka Kerja UI CloudFlare Percuma untuk Pemaju Frontend

CloudFlare baru-baru ini mengumumkan pembaikpulihan utama sistem mereka dari Backbone to React.js. Ini datang dengan rangka kerja UI frontend terkini dan pasukan itu memutuskan untuk membuka sumbernya untuk semua orang.

The Rangka Kerja CloudFlare UI, disingkat CF-UI, adalah perpustakaan sumber terbuka percuma kod frontend yang boleh mengikat ke aliran kerja React.

Pasukan ini sangat terbuka mengenai langkah mereka termasuk teknologi lain seperti Lerna.js untuk menguruskan kod merentasi pelbagai repo. Rombakan ini akan lebih mendalam daripada komponen cetek, namun komponen percuma ini boleh membuat perbezaan besar dalam aliran kerja anda.

CloudFlare ditambah komponen tersuai ke perpustakaan bersama ujian unit untuk menyemak kualiti kod. Anda boleh melihat a demo hidup untuk semua komponen di halaman ini termasuk dokumentasi dan coretan kod.

Semua kod adalah dibina dengan React, jadi ia memanjangkan kelas dibuat untuk komponen yang berbeza seperti menu penomboran, dropdown, medan input, dan juga teks yang menyalin auto.

Anda boleh menyemak imbas semua pakej di GitHub dan mereka semua boleh dipasang melalui npm. Perhatikan ini bukan rangka depan mudah seperti Bootstrap (walaupun ia hampir meniru gaya mereka). Sebaliknya, ini adalah pendekatan React + Redux yang lengkap untuk bahagian hadapan komponen.

Ambil perhatian bahawa anda sepatutnya berasa selesa bekerja dengan komponen React, memasang perpustakaan melalui npm, dan menambah pengikat melalui React Redux.

Semua projek itu adalah sumber terbuka dan mudah untuk dimasukkan ke dalam laman web anda. Komponen individu mempunyai fail JS mereka sendiri yang anda boleh tambahkan ke dalam tajuk laman anda. Dan anda boleh semak semua komponen pada halaman GitHub jika anda ingin mengetahui lebih lanjut.

Contoh hidup dan coretan kod sumber boleh didapati di sini jika anda ingin menyelam masuk. Sudah tentu, jika anda mempunyai soalan atau idea untuk ciri-ciri teknikal anda harus melayari direktori perbincangan untuk maklumat lanjut. Anda juga boleh mencuba pemesejan CloudFlare mesej atau menghantar mereka tweet @Cloudflare.