Tutorial by Examples

Add React to your project: meteor npm install --save react react-dom react-mounter Create the client/helloworld.jsx file to display a simple React component: import React, { Component } from 'react'; import { mount } from 'react-mounter'; // This component only renders a paragraph containin...

Let's say there's a collection called Todos and the autopublish package is added. Here is the basic component. import { createContainer } from 'meteor/react-meteor-data'; import React, { Component, PropTypes } from 'react'; import Todos from '/imports/collections/Todos'; export class List exte...

This example shows how a MongoDB collection can be displayed in a React component. The collection is continuously synchronized between server and client, and the page instantly updates as database contents change. To connect React components and Meteor collections, you'll need the react-meteor-data...