{"id":15108800,"url":"https://github.com/parse-community/parsereact","last_synced_at":"2025-12-12T03:04:12.792Z","repository":{"id":29150629,"uuid":"32680869","full_name":"parse-community/ParseReact","owner":"parse-community","description":"Seamlessly bring Parse data into your React applications.","archived":true,"fork":false,"pushed_at":"2020-09-12T20:01:57.000Z","size":327,"stargazers_count":1296,"open_issues_count":72,"forks_count":210,"subscribers_count":70,"default_branch":"master","last_synced_at":"2024-04-13T21:44:27.094Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://parseplatform.org","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/parse-community.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null},"funding":{"github":"parse-community","patreon":null,"open_collective":"parse-server","ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":null}},"created_at":"2015-03-22T15:13:40.000Z","updated_at":"2024-03-15T16:04:17.000Z","dependencies_parsed_at":"2022-08-31T00:40:44.418Z","dependency_job_id":null,"html_url":"https://github.com/parse-community/ParseReact","commit_stats":null,"previous_names":["parseplatform/parsereact"],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/parse-community%2FParseReact","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/parse-community%2FParseReact/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/parse-community%2FParseReact/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/parse-community%2FParseReact/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/parse-community","download_url":"https://codeload.github.com/parse-community/ParseReact/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":219871971,"owners_count":16554475,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-09-25T22:40:37.267Z","updated_at":"2025-09-27T10:30:20.837Z","avatar_url":"https://github.com/parse-community.png","language":"JavaScript","funding_links":["https://github.com/sponsors/parse-community","https://opencollective.com/parse-server"],"categories":[],"sub_categories":[],"readme":"\u003e ## WARNING ⚠️ - this project is not maintained, if you wish to maintain this project make yourself known ⚠️\n\n# Parse + React\n\nSeamlessly bringing Parse data into your React applications.\n\n**NOTE**: Parse + React only supports the Parse JS SDK up to version 1.6.14. Behavior with 1.7.* is unpredictable, and 1.8.* breaks functionality with the new LiveQueries feature.\nAs developers, we want to encourage patterns that integrate easily into both the server and the client, and are working on a new low-level SDK that works well with Redux and React Native. When that codebase is ready for production apps, we will publish a new recommended starter kit for apps built on Parse \u0026 React.\n\n[![Build Status](https://travis-ci.org/ParsePlatform/ParseReact.svg?branch=master)](https://travis-ci.org/ParsePlatform/ParseReact) [![npm version](https://badge.fury.io/js/parse-react.svg)](http://badge.fury.io/js/parse-react)\n\n## Overview\n\nParse + React is an interface layer on top of the\n[Parse JS SDK](https://parse.com/docs/js_guide) that provides simple access to\nthe Parse API from [React](http://facebook.github.io/react/). It lets React\ncomponents subscribe to Parse queries, and allows data mutations to be\ndispatched in a Flux-style manner. In the background, these subscriptions are\nmanaged in a way that lets these components automatically update as objects are\ncreated and modified, allowing user interfaces to be snappy and responsive.\n\n### [Full API](/docs/api/)\n\n## Example\n\nTo add Parse data to a component, it simply needs to subscribe to a standard\nParse Query. This is done through an implementation of the [newly-proposed\n`observe()` API](https://github.com/facebook/react/issues/3398) for React. The\nParseReact Mixin allows a version of this new lifecycle method to be used today\nwith Parse Queries.\n\nIf you're using React with ES6 classes, we also provide a [subclass of\n`React.Component`](/docs/api/ES6.md) that allows you to use the\n`observe()` and Query-specific APIs.\n\n```js\nvar CommentBlock = React.createClass({\n  mixins: [ParseReact.Mixin], // Enable query subscriptions\n\n  observe: function() {\n    // Subscribe to all Comment objects, ordered by creation date\n    // The results will be available at this.data.comments\n    return {\n      comments: (new Parse.Query('Comment')).ascending('createdAt')\n    };\n  },\n\n  render: function() {\n    // Render the text of each comment as a list item\n    return (\n      \u003cul\u003e\n        {this.data.comments.map(function(c) {\n          return \u003cli\u003e{c.text}\u003c/li\u003e;\n        })}\n      \u003c/ul\u003e\n    );\n  }\n});\n```\n\nWhenever this component mounts, it will issue the query and the results will be\nattached to `this.data.comments`. Each time the query is re-issued, or objects\nare modified locally that match the query, it will update itself to reflect\nthese changes.\n\nMutations are dispatched in the manner of\n[Flux](http://facebook.github.io/flux/) Actions, allowing updates to be\nsynchronized between many different components without requiring views to talk\nto each other. All of the standard Parse data mutations are supported, and you\ncan read more about them in the [Data Mutation](/docs/DataMutations.md) guide.\n\n```js\n// Create a new Comment object with some initial data\nParseReact.Mutation.Create('Comment', {\n  text: 'Parse \u003c3 React'\n}).dispatch();\n```\n\n## Getting Started\n\nParse + React  is available from [our CDN](https://www.parsecdn.com/js/parse-react.js)\n([minified](https://www.parsecdn.com/js/parse-react.min.js)), and \n[npm](https://www.npmjs.com/package/parse-react).\n\nIf you're not familiar with React, we recommend you first walk through their\n[tutorials](http://facebook.github.io/react/docs/tutorial.html) before adding\nParse data to your React applications.\n\nParse + React adds new functionality when React and the Parse JS SDK are used\ntogether, and it requires that those libraries be in place before it is\ninitialized. The easiest way to do this is to load them on your page before\nloading the Parse + React library:\n\n```html\n\u003chtml\u003e\n  \u003chead\u003e\n    \u003cscript src=\"http://fb.me/react-0.13.3.min.js\"\u003e\u003c/script\u003e\n    \u003cscript src=\"https://www.parsecdn.com/js/parse-latest.js\"\u003e\u003c/script\u003e\n    \u003c!-- Now include parse-react.js --\u003e\n    \u003cscript src=\"https://www.parsecdn.com/js/parse-react.js\"\u003e\u003c/script\u003e\n\n    ...\n```\n\nIf you're using a tool like Webpack or Browserify to enable Common JS `require`\nstatements, you need to make sure you also include the `'parse'` npm package\nin your dependencies.\n\n```js\nvar React = require('react');\nvar Parse = require('parse');\nvar ParseReact = require('parse-react');\n\n// ...\n```\n\nAs of version 1.6, the Parse JS SDK has a different build for React Native.\nIf you're using Parse+React on React Native, you'll need to require the\n`'parse-react/react-native'` package instead.\n\n```js\n// For React Native apps\nvar React = require('react-native');\nvar Parse = require('parse/react-native');\nvar ParseReact = require('parse-react/react-native');\n```\n\nNow that you've included all of the necessary libraries, you're ready to start\n[subscribing to Parse data](/docs/Subscriptions.md) and\n[mutating it](/docs/DataMutations.md).\n\n## Contributing\n\nSee the CONTRIBUTING file for information on how to help out.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fparse-community%2Fparsereact","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fparse-community%2Fparsereact","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fparse-community%2Fparsereact/lists"}