フロントエンド開発者向けの無料CloudFlare UIフレームワーク

CloudFlareは最近彼らのシステムの大幅な見直しを発表しました バックボーンからReact.jsへ. これは フロントエンドUIフレームワークの更新 そしてチームは皆のためにそれをオープンソースにすることにしました.

の CloudFlare UIフレームワーク, 略称 CF-UI, することができますフロントエンドコードの無料のオープンソースライブラリです。 Reactワークフローに結びつく.

チームは彼らの動きについて非常にオープンでした 他の技術を含む Lerna.jsのような 複数のリポジトリにわたるコード管理. この見直しは表面的なコンポーネントより深くなります、それでもこれらの無料コンポーネントはあなたのワークフローに大きな違いを生むことができます.

CloudFlareが追加されました カスタムコンポーネント とともにライブラリに 単体テスト コードの品質をチェックします。あなたは見ることができます ライブデモ このページのすべてのコンポーネントについて ドキュメンテーション そして コードスニペット.

すべてのコードは Reactで構築された, それはそう クラスを拡張する ページネーション、ドロップダウンメニュー、入力フィールド、さらにはテキスト領域の自動コピーなど、さまざまなコンポーネント用に作成されています。.

あなたはGitHub上のすべてのパッケージを閲覧することができ、それらはすべてすることができます npm経由でインストール. これはBootstrapのような単純なフロントエンドフレームワークではないことに注意してください（それは彼らのスタイルによく似ていますが）。代わりに、これは 完全なReact + Reduxアプローチ コンポーネントのフロントエンド.

Reactコンポーネントを使った作業、npm経由でのライブラリのインストール、そしてReact Reduxを介したバインディングの追加にすでに慣れているはずです。.

これらのプロジェクトはすべてオープンソースであり、サイトに簡単に追加できます。個々のコンポーネント 独自のJSファイルがある あなたのサイトのヘッダに追加することができます。そして、次のことができます すべてのコンポーネントを閲覧する もっと知りたいのならGitHubページに。.

実例 そして ソースコードスニペット あなたがすぐに飛び込みたいならば、ここで見つけることができます、そして、もちろん、あなたが技術的な特徴についての質問またはアイデアを持っているならば、あなたはブラウズするべきです ディスカッションディレクトリ 詳しくはCloudFlare開発者にメッセージを送るか、またはツイート@Cloudflareを送ってみることもできます。.