fireform
v1.0.0
Published
React-Form wrapper for loading and saving data from firebase
Downloads
27
Maintainers
Readme
fireform
This project was bootstrapped with nwb
Table of Contents
FireForm
FireForm
is a special component created for usage with redux-form
. It takes a path
and an uid
paramater to know where to get its data. The name
propertie is the name of the redux-form
Form name. All other properties are optional and wil be described in further documentation. It is importand to know that FireForm
can only be used in Components that have the withFirebase
called to access the firebaseApp
.
Inside the FireForm
we put as child our Form with the fields we want and the macig hapens :smile:
All fields will be filled with the data from the path
and uid
and if no uid
is provided the form will be a Form that creates a new entry in your path
.
And comes the cool thing. If you are in the Form working on fields and someone else changes some data. Every field that you haven't changed will be in realtime updated! Isn't that cool :smile:
//...
<FireForm
firebaseApp={firebaseApp}
name={'companie'}
path={`${path}`}
onSubmitSuccess={(values)=>{history.push('/companies');}}
onDelete={(values)=>{history.push('/companies');}}
handleCreateValues={this.handleCreateValues}
uid={match.params.uid}>
<Form /> // Here is your simple form
</FireForm>
//...
TO DO
- [X] integrate realtime fnctionality
- [X] support firestore
License
MIT @TarikHuber