react-parse

react-parse

not ready for production

Data provider components for react and react-native apps with parse-server that using redux+saga. read about render props pattern.

Way i need this?

this components help you to get data from the server or create/update data on server without writing any code except your ui.

documentation tell the component what you want and pass function that return component to render on the screen, you component get all what you need:

• query status- LOADING, SUCCESS, ERROR
• data
• refreshMethod - run this method and the query to server run again and you get refresh data...

there are a lot of options that can help you to build faster and smarter apps, check our documentation:

Document Exapmle:

With FetchDocument you can get specific document by collection name and objectId

<FetchDocument collectionName='Post' objectId={'blDxFXA9Wk'} render={(res) => <MyComponent {...res}/>} />

Want to update the title of the post document? Easy, use changeValueByKey and then run saveDocument

class MyComponent extends React.Component {
  render() {
    return <div>
          <input
            value={this.props.data.title}
            onChange={e => {
              changeValueByKey('title', e.target.value);
            }} />
        <button onClick={this.props.saveDocument}>SAVE</button>
      </div>
  }}

Need to Create a new document, just use the FetchDocument without objectId and run saveDocument.

Collection Exapmle:

With FetchCollection you can get list of document by collection name and params

<FetchCollection collectionName='Post' query={{tags: 'news'}} render={(res) => <MyListComponent {...res}/>} />

CloudCode Exapmle:

With FetchCloudCode you can get data from any cloud code founction

<FetchCloudCode functionName='Post' query={{tags: 'news'}} render={(res) => <MyListComponent {...res}/>} />

Read more:

documentation: