Build Applications with Meteor

Integrating React with Meteor's reactive data system

In the preceding example, the data passed to the child component via props was generated in the parent component itself in the setInterval function. In order to render React components on Meteor's data change, we need to create a component container.

The steps are as follows:

1. Add react-meteor-data and react-addons-pure-render-mixin npm packages using the following command:

        >> npm install react-meteor-data --save        >> npm install react-addons-pure-render-mixin --save

2. Import createContainer into the Timer.js component:

        import React from 'react';        import TimerDisplay from './TimerDisplay';        import { createContainer } from 'react-meteor-data';

3. Export the container function instead of the ...