Безплатна CloudFlare UI рамка за Frontend разработчици

CloudFlare наскоро обяви основен ремонт на своята система от Backbone към React.js. Това дойде с актуализираната рамка на потребителския интерфейс и екипът реши да го отвори за всеки.

Най- CloudFlare UI рамка, съкращение CF-UI, е безплатна библиотека с отворен код на кодовете на интерфейса, които могат свържете с работния процес на React.

Екипът е много отворен за движението си включително други технологии като Lerna.js за управление на код в множество репозиции. Този ремонт е по-дълбок от повърхностните компоненти, но тези свободни компоненти могат да направят огромна разлика във вашия работен процес.

Добавена е CloudFlare персонализирани компоненти в библиотека заедно с единични тестове за проверка на качеството на кода. Можете да видите a демо на живо за всички компоненти на тази страница, включително документация и кодови фрагменти.

Целият код е построен с React, така че разширява класовете направени за различни компоненти като страниране, падащи менюта, полета за въвеждане и дори автоматично копиране на текстови области.

Можете да разглеждате всички пакети в GitHub и всички те могат да бъдат инсталиран чрез npm. Забележете, че това не е проста фронтендна рамка като Bootstrap (въпреки че тя точно имитира техния стил). Вместо това, това е пълен подход React + Redux да подредите компонентите.

Имайте предвид, че вече трябва да се чувствате комфортно да работите с компонентите React, да инсталирате библиотеки чрез npm и да добавяте обвързвания чрез React Redux.

Всички тези проекти са с отворен код и лесно се добавят към вашия сайт. Отделни компоненти имат свои собствени JS файлове които можете да добавите в заглавката на сайта си. И вие можете разглеждате всички компоненти на страницата на GitHub, ако искате да научите повече.

Примери на живо и фрагменти от изходния код може да се намери тук, ако искате да се потопите. И, разбира се, ако имате въпроси или идеи за технически характеристики, трябва да разглеждате директория за дискусии за повече информация. Можете също да опитате съобщения CloudFlare devs или да ги изпратите в Twitter @Cloudflare.