redux autoform

ベータ版の免責事項

redux-autoformは積極的な開発中です。 APIは変更され、物事はまだ期待どおりに機能しない場合があります。問題が見つかった場合は、報告してください。私たちはそれを修正するために最善を尽くします。

• 導入
• サポートされているUIフレームワーク
• デモ
• ドキュメント
• インストール
• 使用
• ローカリゼーション
• スタイル
• 地元でデモの構築と実行
• テストの実行
• 貢献
• ライセンス

導入

Redux-Autoformは、メタデータからRedux-Formを動的に生成するためのUI不可知論のライブラリです。

サポートされているUIフレームワーク

• ブートストラップ（ベータステート）
• Material-UI（ベータ状態）

デモ

• ブートストラップデモ。
• Material-UIデモ。

ドキュメント

ドキュメントはこちらから入手できます。

インストール

 npm install redux-autoform

使用

オートフォーム（ソース）

メインの反応成分。

 import { AutoForm } from 'redux-autoform' ;

AutoForm小道具はここにリストされています。

AutoFormが受信する2つの最も重要な小道具は、 schemaとcomponentFactoryです。

スキーマはアプリケーションドメインを表します。すべてのエンティティ、レイアウト、およびそれらのメタデータはスキーマに含まれています。詳細については、こちらです。

ComponentFactory 、特定のフィールドメタデータに使用する反応成分を決定する責任があります。 redux-autoformには、Bootstrap（Beta State）またはMaterial-UI（Beta State）のいずれかを使用できます。

ブートストラップを仮定すると、次のような工場を入手できます。

 import { EditComponentFactory , DetailsComponentFactory } from 'redux-autoform-bootstrap-ui' ;

これらの工場のいずれかが、ドキュメントに記載されているように、Prop Autoformとして渡されるべきです。

ローカリゼーション

オートフォームはローカリゼーションに直接依存しませんが、ブートストラップと材料-UI工場の両方がそうです。したがって、これらを使用している場合、これはあなたがすべきことです：

• Numbroをインストールします。これは、数のローカリゼーションに使用されるライブラリです。
• モーメントをインストールします。これは、DateTimeローカリゼーションに使用されるライブラリです。

 // import moment and numbro
import moment from 'moment' ;
import numbro from 'numbro' ;
 // import the localizers
 import { momentLocalizer , numbroLocalizer } from 'redux-autoform' ;
// if you are using react-widgets, which is used by default on the standard factories, you need to import it's localizer too:
import reactWidgetsMomentLocalizer from 'react-widgets/lib/localizers/moment' ;
// set up the localizers
momentLocalizer ( moment ) ;
numbroLocalizer ( numbro ) ;

reactWidgetsMomentLocalizer ( moment ) ; // THIS IS ONLY IMPORTANT WHEN USING BOOTSTRAP 

スタイル

スタイリングは、使用しているUIに依存します。

• ブートストラップUIのスタイルを追加します
• マテリアルUIのスタイルを追加する（開発中）

地元でデモの構築と実行

Redux-Autoformは、本当にミニマリストのデモを提供します。デモを実行するために、実行してください。

 npm run start

これで、デモはこちらから入手できるようになりました：http：// localhost：4000/。

テストの実行

 npm run test // will run the Karma tests PhantomJS
// OR
npm run test-chrome // will run the Karma tests on Chrome

貢献

プルレクエストは本当に大歓迎です。何を貢献すべきかわからない場合は、問題を確認してください。

頻繁に貢献して組織に参加するように招待できることを嬉しく思います。プロジェクトの理解が必要な場合は、問題を投稿してください。私は最善を尽くし、返信し、必要なものをすべて理解していることを確認します。

プルリクエストを行うために：

1. フォーク。
2. 機能-Branch Git Checkout -B Your-New-Feature-Branchを作成します
3. あなたの変更gitコミットをコミット-Am「新機能を追加」
4. ブランチギットにプッシュプッシュオリジンあなたの新しいfeature-branchを押します
5. マスターブランチで新しいプルリクエストを作成します

ライセンス

redux-autoformはMITライセンスを取得しています。