Note: this is a work-in-progress and will be updated with more information over the next few days.
This guide will walk you through deploying your own instance of the open-source Parse Server. This would be a good starting point for testing your existing application to see if the functionality provided by the server is enough for your application, and to potentially plan your migration off the Parse Platform.
This guide will walk you through using Elastic Beanstalk (EB), which is an AWS service similar to Heroku. Why use EB rather than Heroku? Elastic Beanstalk does not lock you into Heroku-specific ways of doing things, is likely cheaper to run your backend on than Heroku, and it integrates with other services that AWS offer (and they offer almost everything one needs to run an application these days).
| const node = Relay.QL` | |
| query { | |
| node(id: $channelId) { | |
| ... on Channel { | |
| joined | |
| ${JoinChannelMutation.getFragment('channel')} | |
| } | |
| } | |
| } | |
| `; |
2015-01-29 Unofficial Relay FAQ
Compilation of questions and answers about Relay from React.js Conf.
Disclaimer: I work on Relay at Facebook. Relay is a complex system on which we're iterating aggressively. I'll do my best here to provide accurate, useful answers, but the details are subject to change. I may also be wrong. Feedback and additional questions are welcome.
Relay is a new framework from Facebook that provides data-fetching functionality for React applications. It was announced at React.js Conf (January 2015).
| import { | |
| graphql, | |
| GraphQLSchema, | |
| GraphQLObjectType, | |
| GraphQLNonNull, | |
| GraphQLList, | |
| GraphQLString, | |
| } from 'graphql'; | |
| // data |
| // getComponent is a function that returns a promise for a component | |
| // It will not be called until the first mount | |
| function asyncComponent(getComponent) { | |
| return class AsyncComponent extends React.Component { | |
| static Component = null; | |
| state = { Component: AsyncComponent.Component }; | |
| componentWillMount() { | |
| if (!this.state.Component) { | |
| getComponent().then(Component => { |
| (function() { | |
| console.log(abc); | |
| var abc = "abc"; | |
| console.log(myFunc()); | |
| function myFunc() { | |
| var def = abc + 'def'; | |
| { | |
| "scripts": { | |
| "eslint": "LIST=`git diff-index --name-only HEAD | grep .*\\.js | grep -v json`; if [ \"$LIST\" ]; then eslint $LIST; fi" | |
| }, | |
| "devDependencies": { | |
| "pre-commit": "0.0.7", | |
| "eslint": "~0.5.1" | |
| }, | |
| "pre-commit": [ | |
| "eslint" |
| // inifinite scrolling of content without extra wrappers | |
| const { render, findDOMNode } = ReactDOMFiber | |
| class App extends React.Component { | |
| render() { | |
| // wrap the root element with an Intersection Observer, exposing .observe for children | |
| return <Intersection> | |
| <div style={{ height: 200, overflow: 'auto' }}> | |
| <Page offset={0} count={10} /> | |
| </div> |