Meteor with Modern Front-End Frameworks

Meteor can be integrated with modern front-end frameworks like React, Vue, or Angular.

React Example:

meteor add react-meteor-data

React Component:

import React from 'react';
import { withTracker } from 'meteor/react-meteor-data';
import { Items } from '../imports/api/items';

const App = ({ items }) => (
  <div>
&lt;h1>Items&lt;/h1>
&lt;ul>
  {items.map(item => &lt;li key={item._id}>{item.name}&lt;/li>)}
&lt;/ul>
  </div>
);

export default withTracker(() => {
  Meteor.subscribe('items');
  return {
items: Items.find().fetch()
  };
})(App);