Головна » UI / UX » Безкоштовні CloudFlare UI рамки для розробників Frontend

    Безкоштовні CloudFlare UI рамки для розробників Frontend

    Нещодавно CloudFlare оголосила про капітальний ремонт своєї системи від Backbone до React.js. Це прийшло з оновлена ​​рамка інтерфейсу інтерфейсу і команда вирішила відкрити її для всіх.

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

    Команда була дуже відкрита щодо свого руху включаючи інші технології наприклад Lerna.js для керування кодом через декілька повторних операцій. Цей капітальний ремонт йде глибше, ніж поверхневі компоненти, але ці безкоштовні компоненти можуть зробити величезну різницю у вашому робочому процесі.

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

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

    Ви можете переглядати всі пакунки на GitHub, і всі вони можуть бути встановлено через npm. Зверніть увагу, що це не простий фронтендний фреймворк, як Bootstrap (хоча він дуже імітує їхній стиль). Замість цього, це a повний підхід React + Redux до компонентів frontend.

    Зверніть увагу, що ви вже повинні відчувати себе комфортно, працюючи з компонентами React, встановлюючи бібліотеки через npm, і додаючи прив'язки через React Redux.

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

    Живі приклади і фрагменти вихідного коду Ви можете знайти тут, якщо хочете зануритися. І, звичайно, якщо у вас є питання або ідеї щодо технічних можливостей, ви повинні переглянути обговорення для отримання додаткової інформації. Ви також можете спробувати обмін повідомленнями CloudFlare devs або відправити їх в Twitter @Cloudflare.