简体中文 | English | Documentation | Discussions

📖 Introduction

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.

🔨How to use

Environmental dependence

• node >=13.14.0
• yarn >=1.0.0

Install dependencies

npm install @jdfed/drip-form @jdfed/drip-form-theme

Simple to use

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 }} />
))

🤔 Contribution

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.

✨ Contributors

Thanks goes to these wonderful people

RoadMap

:sparkle: 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.

🌟 Thank you for your support

If Drip-Form solves your development pain points and is helpful to you, please don't begrudge your star🌟!

📄 License

MIT License

Copyright (c) 2020 JD.com, Inc.