connectModel.js

import Falcor from "falcor";
import FalcorDataSource from 'falcor-http-datasource';
import React, { PropTypes } from "react";

export default function(config) {

    if (!config.sourcePath) {
        throw new Error('Falcor model sourcePath should be provided!');
    }

    const model = new Falcor.Model({
        source: new FalcorDataSource(config.sourcePath)
    });

    return function(component) {
        const Component = component;

        Component.contextTypes = {
            model: PropTypes.object.isRequired
        };

        return class ConnectModelComponent extends React.Component {

            constructor(props) {
                super(props);
                this.state = { model: model };
            }

            static childContextTypes = {
                model: React.PropTypes.object.isRequired
            };

            getChildContext() {
                return { model: this.state.model };
            }

            componentWillMount() {
                if (config.getValue) {
                    model.getValue([config.getValue])
                        .then(response => {
                            this.refs.childComponent.setState({ [config.getValue]: response });
                        })
                }
            }

            render() {
                return <Component {...this.props} ref="childComponent" />;
            }

        };
    };
}

Navigation.js

import React, { PropTypes } from 'react';
import connectModel from './../source/connectModel';

@connectModel({ 
    sourcePath  : '/navigation/model.json',
    getValue    : 'items'
})
export default class Navigation extends React.Component {

    constructor() {
        super();
        this.state = {items: []};
    }

    render() {
        let items = this.state.items
        items = Object.keys(items).map(idx => {
            return <li key={ idx }>
                <a href={ "#" + items[idx].href } >
                    { items[idx].name }
                </a></li>;
        });
        return <ul>{ items }</ul>;
    }
}