added code and README update

Author: hipertracker

README.md

@@ -1,2 +1,45 @@
 # meteor-reactjs
-Meteor - ReactJS integration
+
+[Meteor](http://meteor.com) smart package integrating [React](http://facebook.github.io/react/) for both client and the server, to complement or replace the default [Blaze](https://www.meteor.com/blaze) templating system.
+
+## Usage
+
+Inside your Meteor project, add the package:
+```
+$ meteor add hipertracker:reactjs
+```
+
+## How it works
+
+The package exposes a special `ReactMeteor.Mixin` object that can be used
+to enable reactive data fetching for your React components.
+
+To add the `ReactMeteor.Mixin` to a React component, simply include it in
+the `mixins` class property:
+
+```js
+var MyComponent = React.createClass({
+  mixins: [ReactMeteor.Mixin],
+
+  // Make sure your component implements this method.
+  getMeteorState () {
+    return {
+      foo: Session.get("foo"),
+      ...
+    };
+  }
+});
+
+```
+The `getMeteorState` method should return an object of properties that
+will be accessed via `this.state` in the component's `render` method or
+elsewhere.  Dependencies will be registered for any data accesses
+performed by `getMeteorState` so that the component can be automatically
+re-rendered whenever the data changes.
+
+You can find some examples at [hipertracker/meteor-reactjs-examples](https://github.com/hipertracker/meteor-reactjs-examples).
+meteor
+
+## Credits
+
+The source code is based on [reactjs/react-meteor](https://github.com/reactjs/react-meteor). It has been updated to the latest Meteor and React version with enabled ES6 transforms for JSX files (--harmony).

hipertracker:reactjs-tests.js

@@ -0,0 +1,5 @@
+// Write your tests here!
+// Here is an example.
+Tinytest.add('example', function (test) {
+  test.equal(true, true);
+});

hipertracker:reactjs.js

@@ -0,0 +1 @@
+// Write your package code here!

package.js

@@ -0,0 +1,53 @@
+var meteorVersion = '1.0.3.1';
+var reactVersion = '0.12.2';
+var reactAddonsVersion = '0.9.0';
+
+Package.describe({
+    name: 'hipertracker:reactjs',
+    summary: 'ReactJS for Meteor ',
+    version: '0.0.2',
+    git: 'https://github.com/hipertracker/meteor-reactjs.git'
+});
+
+Package._transitional_registerBuildPlugin({
+    name: 'compileJSX',
+    use: [],
+    sources: [
+        'plugin/compile-jsx.js'
+    ],
+    npmDependencies: {
+        'react': reactVersion,
+        'react-tools': reactVersion
+    }
+});
+
+
+Package.onTest(function (api) {
+    api.use('tinytest');
+    api.use('hipertracker:reactjs');
+    api.addFiles('hipertracker:reactjs-tests.js');
+});
+
+
+Package.on_use(function (api) {
+    api.versionsFrom(meteorVersion);
+
+    // Standard distribution of React, same version as react-tools.
+    api.add_files('vendor/react-' + reactVersion + '.js', 'client');
+
+    // On the server, we use the modules that ship with react.
+    api.add_files('src/require-packages.js', 'server');
+    api.export('React', 'server');
+    api.export('Reflux', 'server');
+
+    // Meteor-enabled components should include this mixin via
+    // React.createClass({ mixins: [ReactMeteor.Mixin], ... }).
+    api.add_files('src/ReactMeteor.js', ['server', 'client']);
+    api.export('ReactMeteor', ['server', 'client']);
+});
+
+
+Npm.depends({
+    'react': reactVersion,
+    'react-addons': reactAddonsVersion
+});

plugin/compile-jsx.js

@@ -0,0 +1,15 @@
+var reactTools = Npm.require('react-tools');
+
+var handler = function (compileStep) {
+    var source = compileStep.read().toString('utf8');
+    var outputFile = compileStep.inputPath + '.js';
+
+    compileStep.addJavaScript({
+        path: outputFile,
+        sourcePath: compileStep.inputPath,
+        data: reactTools.transform(source, {harmony: true})
+    });
+};
+
+Plugin.registerSourceHandler('jsx', handler);
+

src/ReactMeteor.js

@@ -0,0 +1,37 @@
+var ReactMeteorMixin = {
+    _handleMeteorChange: function () {
+        this.setState(this.getMeteorState());
+    },
+
+    _cancelComputation: function () {
+        if (this._meteorComputation) {
+            this._meteorComputation.stop();
+            this._meteorComputation = null;
+        }
+    },
+
+    componentWillMount: function () {
+        this._meteorComputation = Tracker.autorun(this._handleMeteorChange);
+    },
+
+    componentWillReceiveProps: function (nextProps) {
+        var oldProps = this.props;
+        this.props = nextProps;
+        this._handleMeteorChange();
+        this.props = oldProps;
+    },
+
+    componentWillUnmount: function () {
+        this._cancelComputation();
+    }
+};
+
+
+if (typeof exports === "object") {
+    ReactMeteor = exports;
+} else {
+    ReactMeteor = {};
+}
+
+ReactMeteor.Mixin = ReactMeteorMixin;
+

src/require-packages.js

@@ -0,0 +1,2 @@
+React = Npm.require('react');
+React.addons = Npm.require('react-addons');