Бесплатный CloudFlare UI Framework для разработчиков веб-интерфейса

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

CloudFlare UI Framework, сокращенный CF-интерфейс, является бесплатной библиотекой кода с открытым исходным кодом, которая может привязать к рабочему процессу React.

Команда была очень открыта в своем переезде в том числе другие технологии такие как Lerna.js для управление кодом в нескольких репо. Этот капитальный ремонт идет глубже, чем поверхностные компоненты, но эти бесплатные компоненты могут иметь огромное значение в вашем рабочем процессе.

CloudFlare добавлен пользовательские компоненты в библиотеку вместе с модульные тесты для проверки качества кода. Вы можете увидеть живое демо для всех компонентов на этой странице, включая документация а также фрагменты кода.

Весь код построен с React, так что расширяет занятия Сделано для различных компонентов, таких как нумерация страниц, выпадающие меню, поля ввода и даже автоматическое копирование текстовых областей.

Вы можете просмотреть все пакеты на GitHub, и все они могут быть устанавливается через npm. Обратите внимание, что это не простая оболочка внешнего интерфейса, такая как Bootstrap (хотя она близко имитирует их стиль). Вместо этого это полный подход React + Redux для внешнего интерфейса компонентов.

Обратите внимание, что вам уже должно быть комфортно работать с компонентами React, устанавливать библиотеки через npm и добавлять привязки через React Redux.

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

Живые примеры а также фрагменты исходного кода Вы можете найти здесь, если вы хотите погрузиться прямо в. И, конечно, если у вас есть вопросы или идеи по техническим функциям, вы должны просмотреть каталог обсуждений для получения дополнительной информации. Вы также можете попробовать пообщаться с разработчиками CloudFlare или отправить им твит @Cloudflare.