redux autoform
1.0.0
Descargo de responsabilidad de la versión beta
redux-autoform está bajo desarrollo activo. Las API cambiarán y las cosas aún pueden no funcionar como se esperaba. Si encuentra algún problema, infórmelo. Haremos todo lo posible para arreglarlo.
Redux-AutoForm es una biblioteca agnóstica de la interfaz de usuario para generar dinámicamente la forma Redux fuera de los metadatos.
Los documentos están disponibles aquí.
npm install redux-autoform
El componente react principal.
import { AutoForm } from 'redux-autoform' ; Los accesorios AutoForm se enumeran aquí.
La AutoForm de los 2 accesorios más importantes que debe recibir es el schema y el componentFactory .
El esquema representa el dominio de la aplicación. Todas las entidades, diseños y sus metadatos están contenidos en el esquema. Más información aquí.
El ComponentFactory es responsable de determinar qué componente React se utilizará para un metadatos de campo dados. redux-autoform no tiene ninguna fábrica incorporada, ya que puede usar Bootstrap (estado beta) o material-UI (estado beta).
Suponiendo que Bootstrap, puede obtener las fábricas como esta:
import { EditComponentFactory , DetailsComponentFactory } from 'redux-autoform-bootstrap-ui' ;Cualquiera de estas fábricas ahora debe aprobarse como autoforma de apoyo como se describe en los documentos.
La autoforma no depende directamente de la localización, pero tanto las fábricas de arranque como de material-UI lo hacen. Entonces, si estás usando esto, esto es lo que debes hacer:
// 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 El estilo dependerá de la interfaz de usuario que esté usando:
Redux-AutoForm proporciona una demostración realmente minimalista. Para ejecutar la demostración, ejecute:
npm run start
Ahora la demostración debería estar disponible aquí: http: // localhost: 4000/.
npm run test // will run the Karma tests PhantomJS
// OR
npm run test-chrome // will run the Karma tests on Chrome
Las solicitudes de extracción son realmente bienvenidas . Si no sabe con qué contribuir, verifique los problemas.
Estaremos más que contentos de invitar a los contribuyentes frecuentes a unirse a la organización. Si necesita ayuda para comprender el proyecto, publique un problema y haré todo lo posible para responder y asegurarme de que comprenda todo lo que necesita.
Para hacer una solicitud de extracción:
redux-autoform tiene licencia MIT.
