Khung giao diện người dùng CloudFlare miễn phí cho các nhà phát triển Frontend
CloudFlare gần đây đã công bố một cuộc đại tu lớn của hệ thống của họ từ xương sống đến React.js. Điều này đi kèm với một cập nhật khung giao diện người dùng và nhóm đã quyết định mở nó cho mọi người.
Các Khung giao diện người dùng CloudFlare, viết tắt CF-UI, là một thư viện mã nguồn mở miễn phí có thể có mã frontend buộc vào một quy trình công việc React.
Nhóm đã rất cởi mở về di chuyển của họ bao gồm các công nghệ khác chẳng hạn như Lerna.js cho quản lý mã trên nhiều repos. Đại tu này đi sâu hơn các thành phần hời hợt, tuy nhiên những thành phần miễn phí này có thể tạo ra sự khác biệt lớn trong quy trình làm việc của bạn.
Đã thêm CloudFlare thành phần tùy chỉnh vào một thư viện cùng với kiểm tra đơn vị để kiểm tra chất lượng mã. Bạn có thể thấy một bản thử trực tiếp cho tất cả các thành phần trên trang này bao gồm tài liệu và đoạn mã.
Tất cả mã là được xây dựng với React, do đó, nó mở rộng các lớp học được tạo cho các thành phần khác nhau như phân trang, menu thả xuống, trường nhập và thậm chí tự động sao chép văn bản.
Bạn có thể duyệt qua tất cả các gói trên GitHub và tất cả chúng đều có thể cài đặt qua npm. Lưu ý đây không phải là một khung công tác đơn giản như Bootstrap (mặc dù nó gần giống với phong cách của họ). Thay vào đó, đây là một hoàn thành phương pháp React + Redux để thành phần frontend.
Lưu ý rằng bạn nên cảm thấy thoải mái khi làm việc với các thành phần React, cài đặt thư viện qua npm và thêm các liên kết thông qua React Redux.
Tất cả các dự án đó là nguồn mở và dễ dàng thêm vào trang web của bạn. Các thành phần riêng lẻ có tệp JS riêng mà bạn có thể thêm vào tiêu đề trang web của bạn. Và bạn có thể duyệt qua tất cả các thành phần trên trang GitHub nếu bạn muốn tìm hiểu thêm.
Ví dụ trực tiếp và đoạn mã nguồn có thể được tìm thấy ở đây nếu bạn muốn lặn ngay. Và, tất nhiên, nếu bạn có câu hỏi hoặc ý tưởng cho các tính năng kỹ thuật, bạn nên duyệt qua thư mục thảo luận để biết thêm. Bạn cũng có thể thử nhắn tin cho nhà phát triển CloudFlare hoặc gửi cho họ một tweet @Cloudflare.
