React-Form wrapper for loading and saving data from firebase


Keywords
react-component, react-form, firebase, redux, react
License
MIT
Install
npm install fireform@1.0.0

Documentation

fireform

Build Status Dependency Status License Code Coverage Code Style

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 😄

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 😄

//...

    <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

  • integrate realtime fnctionality
  • support firestore

License

MIT @TarikHuber