fireform

1.0.0 • Public • Published

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

/fireform/

    Package Sidebar

    Install

    npm i fireform

    Weekly Downloads

    14

    Version

    1.0.0

    License

    MIT

    Unpacked Size

    792 kB

    Total Files

    10

    Last publish

    Collaborators

    • tarik.huber