redux autoform

Isenção de responsabilidade da versão beta

redux-autoform está sob desenvolvimento ativo. As APIs mudarão e as coisas ainda não funcionam como esperado. Se você encontrar algum problema, denuncie -o. Faremos o meu melhor para consertar.

• Introdução
• Estruturas de interface do usuário suportadas
• Demos
• Documentos
• Instalação
• Usando
• Localização
• Estilos
• Construindo e executando a demonstração localmente
• Executando os testes
• Contribuindo
• Licença

Introdução

O Redux-AutoForm é uma biblioteca agnóstica da interface do usuário para gerar dinamicamente a forma redux de metadados.

Estruturas de interface do usuário suportadas

• Bootstrap (estado beta)
• Material-UI (estado beta)

Demos

• Demonstração de bootstrap.
• Demonstração de material-UI.

Documentos

Os documentos estão disponíveis aqui.

Instalação

 npm install redux-autoform

Usando

AutoForm (fonte)

O componente principal do reacto.

 import { AutoForm } from 'redux-autoform' ;

Os adereços AutoForm estão listados aqui.

O AutoForm de 2 Props mais importante deve receber é o schema e o componentFactory .

O esquema representa o domínio do aplicativo. Todas as entidades, layouts e seus metadados estão contidos no esquema. Mais informações aqui.

O ComponentFactory é responsável por determinar qual componente reagir usar para um determinado metadado de campo. redux-autoform não possui nenhuma fábrica embutida, pois você pode usar o bootstrap (estado beta) ou o material-UI (estado beta).

Assumindo o bootstrap, você pode obter as fábricas como esta:

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

Qualquer uma dessas fábricas agora deve ser aprovada como auto -forma automática, conforme descrito nos documentos.

Localização

A automóvel automática não depende diretamente da localização, mas tanto a bootstrap quanto as fábricas de materiais-UI. Então, se você estiver usando isso, é isso que você deve fazer:

• Instale o numbro. Esta é a biblioteca usada para localização de números.
• Instale o momento. Esta é a biblioteca usada para a localização do 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 

Estilos

O estilo dependerá da interface do usuário que você está usando:

• Adicionando estilos para a interface do bootstrap
• Adicionando estilos para a interface do usuário do material (em desenvolvimento)

Construindo e executando a demonstração localmente

O Redux-AutoForm fornece uma demonstração realmente minimalista. Para executar a demonstração, execute:

 npm run start

Agora a demonstração deve estar disponível aqui: http: // localhost: 4000/.

Executando os testes

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

Contribuindo

As solicitações de tração são realmente bem-vindas . Se você não sabe com o que contribuir, verifique os problemas.

Ficaremos mais do que felizes em convidar colaboradores frequentes para ingressar na organização. Se você precisar de ajuda para entender o projeto, publique um problema e farei o possível para responder e garantir que você entenda tudo o que precisa.

Para fazer uma solicitação de tração:

1. Bifurcá -lo.
2. Crie seu checkout git de ramo de recursos -B-NOW-FEAR-FEATURE CRANCH
3. Comprometa sua alteração Git Commit -am 'Adicionar novo recurso'
4. Empurre para o ramo Git Push Origin Your-Now-Ramack
5. Crie uma nova solicitação de tração com o Master Branch

Licença

redux-autoform é licenciado pelo MIT.