ฟรี CloudFlare UI Framework สำหรับผู้พัฒนาส่วนหน้า

CloudFlare เพิ่งประกาศยกเครื่องใหญ่ของระบบของพวกเขา จาก Backbone ถึง React.js. สิ่งนี้มาพร้อมกับ อัพเดตเฟรมเวิร์ก UI ส่วนหน้า และทีมตัดสินใจที่จะเปิดแหล่งที่มาสำหรับทุกคน.

CloudFlare UI Framework, ย่อ CF-UI, เป็นไลบรารีโอเพนซอร์สฟรีของรหัสส่วนหน้าที่สามารถ ผูกเข้ากับเวิร์กโฟลว์ React.

ทีมเปิดกว้างเกี่ยวกับการเคลื่อนไหว รวมถึงเทคโนโลยีอื่น ๆ เช่น Lerna.js สำหรับ การจัดการรหัสข้าม repos หลายรายการ. ยกเครื่องใหม่นี้จะลึกกว่าส่วนประกอบผิวเผิน แต่ส่วนประกอบฟรีเหล่านี้สามารถสร้างความแตกต่างอย่างมากในเวิร์กโฟลว์ของคุณ.

เพิ่ม CloudFlare องค์ประกอบที่กำหนดเอง เข้าไปในห้องสมุดพร้อมกับ การทดสอบหน่วย สำหรับตรวจสอบคุณภาพของรหัส คุณสามารถดู การสาธิตสด สำหรับส่วนประกอบทั้งหมดในหน้านี้รวมถึง เอกสาร และ ตัวอย่างโค้ด.

รหัสทั้งหมดคือ สร้างด้วยปฏิกิริยา, ดังนั้นจึง ขยายชั้นเรียน สร้างขึ้นสำหรับส่วนประกอบต่าง ๆ เช่นการแบ่งหน้าเมนูดร็อปดาวน์ฟิลด์อินพุตและแม้แต่การคัดลอกข้อความอัตโนมัติ.

คุณสามารถเรียกดูแพคเกจทั้งหมดใน GitHub และพวกเขาทั้งหมดสามารถ ติดตั้งผ่านทาง npm. โปรดทราบว่านี่ไม่ใช่กรอบหน้าแบบง่ายๆเช่น Bootstrap (แม้ว่ามันจะเลียนแบบสไตล์ของพวกเขาอย่างใกล้ชิด) แต่นี่คือ วิธีการ React + Redux ที่สมบูรณ์ เพื่อส่วนประกอบส่วนหน้า.

โปรดทราบว่าคุณควรรู้สึกสะดวกสบายในการทำงานกับส่วนประกอบ React ติดตั้งไลบรารี่ผ่านทาง npm และเพิ่มการโยงผ่าน React Redux.

โครงการเหล่านั้นทั้งหมดเป็นโอเพ่นซอร์สและผนวกเข้ากับไซต์ของคุณได้ง่าย องค์ประกอบส่วนบุคคล มีไฟล์ JS ของตัวเอง ซึ่งคุณสามารถเพิ่มลงในส่วนหัวของเว็บไซต์ของคุณ และคุณสามารถ เรียกดูส่วนประกอบทั้งหมด ในหน้า GitHub หากคุณต้องการเรียนรู้เพิ่มเติม.

ตัวอย่างสด และ ตัวอย่างซอร์สโค้ด สามารถพบได้ที่นี่หากคุณต้องการดำน้ำและแน่นอนหากคุณมีคำถามหรือแนวคิดเกี่ยวกับคุณสมบัติทางเทคนิคคุณควรเรียกดู ไดเรกทอรีการสนทนา สำหรับข้อมูลเพิ่มเติม คุณสามารถลองส่งข้อความ CloudFlare devs หรือส่งทวีต @Cloudflare ให้พวกเขาได้.