简体中文 | English | Documentation | Discussions
Dynamic form solution based on React and JSONSchema.
Drip-Form uses JSON configuration files to generate forms with data linkage, complex verification, asynchronous requests, and nesting, which can reduce complex and redundant form development work.
The use of supporting visual form generator and Node verification tool can further improve the efficiency of form development.
Drip-Form has the following five ✨highlights✨:
- Automation:According to the form data, the initialization form can be automatically generated.
- Semantic:Concise and efficient JSON protocol helps developers understand.
- Integrated verification:Relying on
ajv
's standardized verification capabilities, it can achieve integrated front-end and back-end verification. - Visualization:Visually build and modify the form
Schema
. - Extensible:Support secondary development, expandable custom component set and verification set.
- node >=13.14.0
- yarn >=1.0.0
npm install @jdfed/drip-form @jdfed/drip-form-theme
import React, { memo } from 'react'
// Import core packages and themes
import DripForm from '@jdfed/drip-form'
import dripTheme from '@jdfed/drip-form-theme'
import '@jdfed/drip-form-theme/dist/index.css'
// Import configuration items
import unitedSchema from './unitedSchema.json'
const Form = memo(() => (
<DripForm unitedSchema={unitedSchema} uiComponents={{ drip: dripTheme }} />
))
The main purpose of this repository is to continue to develop and improve Drip-Form, making it more powerful, more stable, and more convenient to use.If you have suggestions or bug fixes for Drip-Form, please submit issue
and merge
. We are very grateful to the community for promoting bug fixes and improvements.
Please make sure to read the Contributing Guide before making a pull request.
Thanks goes to these wonderful people
❇️ View the DripForm roadmap
Our product roadmap is where you can learn about what features we're working on, what stage they're in, and when we expect to bring them to you. Have any questions or comments about items on the roadmap? Share your feedback via GitHub discussions.
If Drip-Form solves your development pain points and is helpful to you, please don't begrudge your star
🌟!
MIT License
Copyright (c) 2020 JD.com, Inc.