redux autoform

Penafian versi beta

redux-autoform sedang dalam pengembangan aktif. API akan berubah dan hal -hal mungkin masih belum berfungsi seperti yang diharapkan. Jika Anda menemukan masalah, silakan laporkan. Kami akan melakukan yang terbaik untuk memperbaikinya.

• Perkenalan
• Kerangka kerja UI yang didukung
• Demo
• Dokumen
• Menginstal
• Menggunakan
• Lokalisasi
• Gaya
• Membangun dan menjalankan demo secara lokal
• Menjalankan tes
• Berkontribusi
• Lisensi

Perkenalan

Redux-Autoform adalah perpustakaan agnostik UI untuk menghasilkan redux-form secara dinamis dari metadata.

Kerangka kerja UI yang didukung

• Bootstrap (Beta State)
• Material-UI (Beta State)

Demo

• Demo bootstrap.
• Material-ui demo.

Dokumen

Dokumen tersedia di sini.

Menginstal

 npm install redux-autoform

Menggunakan

Autoform (sumber)

Komponen Bereaksi Utama.

 import { AutoForm } from 'redux-autoform' ;

Alat peraga AutoForm tercantum di sini.

2 alat peraga paling penting yang harus diterima AutoForm adalah schema dan componentFactory .

Skema ini mewakili domain aplikasi. Semua entitas, tata letak, dan metadata mereka terkandung dalam skema. Informasi lebih lanjut di sini.

ComponentFactory bertanggung jawab untuk menentukan komponen reaksi mana yang akan digunakan untuk metadata bidang yang diberikan. redux-autoform tidak memiliki pabrik bawaan, untuk itu Anda dapat menggunakan bootstrap (status beta) atau material-UI (status beta).

Dengan asumsi Bootstrap, Anda bisa mendapatkan pabrik seperti ini:

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

Salah satu dari pabrik -pabrik ini sekarang harus disahkan sebagai prop autoform seperti yang dijelaskan dalam dokumen.

Lokalisasi

Autoform tidak secara langsung bergantung pada lokalisasi, tetapi pabrik bootstrap dan material-UI melakukannya. Jadi, jika Anda menggunakan ini, inilah yang harus Anda lakukan:

• Instal Numbro. Ini adalah perpustakaan yang digunakan untuk lokalisasi angka.
• Pasang momen. Ini adalah perpustakaan yang digunakan untuk lokalisasi 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 

Gaya

Styling akan tergantung pada UI yang Anda gunakan:

• Menambahkan gaya untuk UI Bootstrap
• Menambahkan gaya untuk UI material (sedang dikembangkan)

Membangun dan menjalankan demo secara lokal

Redux-Autoform menyediakan demo yang sangat minimalis. Untuk menjalankan demo, jalankan:

 npm run start

Sekarang demo harus tersedia di sini: http: // localhost: 4000/.

Menjalankan tes

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

Berkontribusi

Permintaan pull benar-benar disambut . Jika Anda tidak tahu harus berkontribusi apa, silakan periksa masalahnya.

Kami akan lebih dari senang mengundang kontributor yang sering bergabung dengan organisasi. Jika Anda membutuhkan bantuan untuk memahami proyek, silakan posting masalah dan saya akan melakukan yang terbaik untuk membalas dan memastikan Anda memahami semua yang Anda butuhkan.

Untuk membuat permintaan tarik:

1. Membayar itu.
2. Buat checkout fitur-branch git -B-branch-feature-feature Anda
3. Komitmen Anda Git Commit -Am 'Tambahkan Fitur Baru'
4. Dorong ke cabang git dorongan asal cabang fitur baru Anda
5. Buat permintaan tarik baru dengan cabang master

Lisensi

redux-autoform berlisensi MIT.