redux autoform

Avertissement de version bêta

redux-autoform est en cours de développement actif. Les API changeront et les choses peuvent toujours ne pas fonctionner comme prévu. Si vous trouvez un problème, veuillez le signaler. Nous ferons de mon mieux pour le réparer.

• Introduction
• Frameworks d'interface utilisateur pris en charge
• Démos
• Docs
• Installation
• En utilisant
• Localisation
• Styles
• Construire et gérer la démo localement
• Exécuter les tests
• Contributif
• Licence

Introduction

Redux-Autoform est une bibliothèque agnostique d'interface utilisateur pour générer dynamiquement la forme redux hors des métadonnées.

Frameworks d'interface utilisateur pris en charge

• Bootstrap (État bêta)
• MATÉRIAUX-UI (État bêta)

Démos

• Démo bootstrap.
• Demo matériel-UI.

Docs

Les documents sont disponibles ici.

Installation

 npm install redux-autoform

En utilisant

Autoforme (source)

Le composant réactif principal.

 import { AutoForm } from 'redux-autoform' ;

Les accessoires AutoForm sont répertoriés ici.

Les 2 AutoForm les plus importants devraient recevoir est le schema et la componentFactory .

Le schéma représente le domaine d'application. Toutes les entités, les dispositions et leurs métadonnées sont contenues dans le schéma. Plus d'informations ici.

Le ComponentFactory est responsable de la détermination de la réaction à utiliser pour une métadonnée de champ donnée. redux-autoform n'a pas d'usine intégrée, car vous pouvez utiliser Bootstrap (Beta State) ou Material-UI (Beta State).

En supposant que Bootstrap, vous pouvez obtenir des usines comme celle-ci:

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

L'une de ces usines doit désormais être transmise en tant qu'autoforme d'hélice comme décrit dans les documents.

Localisation

L'autoforme ne dépend pas directement de la localisation, mais les usines bootstrap et matériaux-UI le font. Donc, si vous les utilisez, c'est ce que vous devez faire:

• Installez Numbro. Il s'agit de la bibliothèque utilisée pour la localisation des nombres.
• Moment d'installation. Il s'agit de la bibliothèque utilisée pour la localisation de 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 

Styles

Le style dépendra de l'interface utilisateur que vous utilisez:

• Ajout de styles pour l'interface utilisateur bootstrap
• Ajout de styles pour l'interface utilisateur matérielle (en cours)

Construire et gérer la démo localement

Redux-Autoform fournit une démo vraiment minimaliste. Afin d'exécuter la démo, exécutez:

 npm run start

Maintenant, la démo doit être disponible ici: http: // localhost: 4000 /.

Exécuter les tests

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

Contributif

Les requêtes de traction sont vraiment les bienvenues . Si vous ne savez pas avec quoi contribuer, veuillez vérifier les problèmes.

Nous serons plus que heureux d'inviter des contributeurs fréquents à rejoindre l'organisation. Si vous avez besoin d'aide pour comprendre le projet, veuillez poster un problème et je ferai de mon mieux pour répondre et assurez-vous de comprendre tout ce dont vous avez besoin.

Afin de faire une demande de traction:

1. Fourk It.
2. Créez votre branch de fonctionnalité Git Checkout -B votre nouveau Branch-Branch
3. Commettez votre changement git commit -am `` ajouter une nouvelle fonctionnalité ''
4. Poussez à la branche Git Push Origin votre nouveau-FEURE-BRANCH
5. Créer une nouvelle demande de traction avec Master Branch

Licence

redux-autoform est sous licence MIT.