ReactJS is a framework for building large, complex user interfaces.

Flybase works perfectly with ReactJS by providing an easy-to-use, real-time platform for populating the state of React components.

With the ReactFly helper library, it only takes a few lines of JavaScript to integrate Flybase data into React apps via the ReactFlyMixin.

Getting Started With Flybase

The ReactFly helper library requires a Flybase account in order to sync and store data. You can sign up here for a free account.

Downloading ReactFly

In order to use ReactFly in your project, you need to include the following files in your HTML:

<!-- React -->
<script src="https://fb.me/react-15.0.1.min.js"></script>
<script src="https://fb.me/react-dom-15.0.1.min.js"></script>

<!-- Flybase -->
<script src="https://cdn.flybase.io/flybase.js"></script>

<!-- ReactFly -->
<script src="https://cdn.flybase.io/reactfly.min.js"></script>

You can also install ReactFly via npm or Bower. If you are downloading via npm, you will have to install React and Flybase separately (that is, they are peerDependencies):

$ npm install reactfly react flybase --save

On Bower, the React and Flybase dependencies will be downloaded automatically alongside ReactFly:

$ bower install reactfly --save

Further Reading

• Quickstart

Code Sample

If you check out the examples folder, you'll see an example of using Flybase with plain React, and using Flybase with the ReactFly Mixin, so you can see how easy it is to integrate.