Meteor, meet React.
React, meet Meteor.

                                        +      

Administrivia

ME

YOU

A (Very) Brief 
introduction To react

React is:

༶ A framework for creating Javascript components

༶ Focused on the UI only

༶ Opinionated

world's simplest 

react component

So You Want To Use 

React with meteor?

Do you want to:

༶ Use React components within Blaze?

༶ Use React Instead of Blaze?

༶ Use React Without Meteor?

        

METEOR, MEET REACT

Package:    avital/react-in-blaze



{{> ReactComponent type="HelloWorld" }}

METEOR, MEET REACT

Package:     REACTJS/REACT-METEOR


var HelloWorld = ReactMeteor.createClass({
  getMeteorState: function() {
    return {
      value: Session.get('value')
    };
  }
});

Maintained by MDG?

METEOR, MEET REACT

Package:     MYSTOR/ROUTECORE 


var HelloWorld = React.createClass({
  render: function() {
    var value = Session.get('value');
    return <div>Hello World! Value is: {value}</div>;
  }
});

Routing!

Server-side rendering!

Let's build an app

...With Meteor


...AND mystor:routecore



</>

But WAIT, there's more!

Let's build an app



...With REACt     



...AND Asteroid!



</>

A NOTE ABOUT POLYMER

What does it mean?

I Don't Know !

And other questions ?


Thank You

Gerard Sychay | Differential  

github.com/differential/todos-playground