Bezpłatne CloudFlare UI Framework dla programistów Frontend

CloudFlare ogłosił niedawno gruntowny remont swojego systemu od szkieletu do React.js. To przyszło z zaktualizowana struktura interfejsu użytkownika interfejsu użytkownika zespół postanowił otworzyć go dla wszystkich.

The Framework UI CloudFlare, skrócone CF-UI, to darmowa biblioteka open source kodów frontendowych, które mogą związać się z przepływem pracy React.

Zespół był bardzo otwarty na ich ruch w tym inne technologie takie jak Lerna.js dla zarządzanie kodem w wielu repozytoriach. Ta zmiana przebiega głębiej niż elementy powierzchowne, ale te darmowe komponenty mogą mieć ogromny wpływ na przebieg pracy.

Dodano CloudFlare niestandardowe komponenty do biblioteki razem z testy jednostkowe do sprawdzania jakości kodu. Możesz zobaczyć demo na żywo dla wszystkich komponentów na tej stronie, w tym dokumentacja i fragmenty kodu.

Cały kod to zbudowany z React, więc to rozszerza klasy wykonane dla różnych komponentów, takich jak paginacja, menu rozwijane, pola wejściowe, a nawet pola tekstowe do automatycznego kopiowania.

Możesz przeglądać wszystkie pakiety w GitHub i wszystkie mogą być zainstalowany przez npm. Zauważ, że nie jest to prosty framework frontendowy jak Bootstrap (choć naśladuje ich styl). Zamiast tego jest to uzupełnij podejście React + Redux do komponentów frontendowych.

Zauważ, że powinieneś już czuć się komfortowo pracując ze składnikami React, instalując biblioteki poprzez npm i dodając powiązania poprzez React Redux.

Wszystkie te projekty są otwarte i łatwe do dodania do Twojej witryny. Poszczególne komponenty mieć własne pliki JS które możesz dodać do nagłówka swojej witryny. I możesz przeglądaj wszystkie składniki na stronie GitHub, jeśli chcesz dowiedzieć się więcej.

Przykłady na żywo i fragmenty kodu źródłowego można znaleźć tutaj, jeśli chcesz nurkować od razu. I oczywiście, jeśli masz pytania lub pomysły na funkcje techniczne, powinieneś przejrzeć katalog dyskusji po więcej informacji. Możesz również spróbować przesłać wiadomości do CloudFlare lub wysyłać im tweet @Cloudflare.