Whats the difference?
50% Overlap?
Whats the difference?
10% Overlap?
Build apps that are a delight to use, faster than you ever thought possible
We built React to solve one problem: building large applications with data that changes over time.
From the React Tutorial:
In order to start this tutorial, we're going to require a running server.
Source:
https://facebook.github.io/react/docs/tutorial.html
Building our Server (e.g Stack)
React
Node
DB
Express
Socket.IO
...
...
React
Meteor
Option #1:
Option #2:
Blaze
AngularJS
curl https://install.meteor.com/ | sh
OS X / Linux
Windows
InstallMeteor.exe
> meteor create demo
> cd demo
> meteor run
Other Folders
Initial Structure
meteor add react
meteor remove blaze-html-templates
You guessed it right, this works! :-)
meteor add angular
<body>
<div id="render-target"></div>
</body>
if (Meteor.isClient) {
// This code is executed on the client only
Meteor.startup(function () {
// Use Meteor.startup to render the component after the page is ready
React.render(<App />, document.getElementById("render-target"));
});
}
// App component - represents the whole app
App = React.createClass({
getTasks() {
return [
{ _id: 1, text: "This is task 1" },
];
},
renderTasks() {
return this.getTasks().map((task) => {
return <Task key={task._id} task={task} />;
});
},
render() {
return (
<div className="container">
<header>
<h1>Todo List</h1>
</header>
<ul>
{this.renderTasks()}
</ul>
</div>
);
}
});
myCollection = new Mongo.Collection('mycollection');
myCollection.insert({names: 'my name'});
> meteor deploy my-app.meteor.com
> meteor add-platform ios
> meteor run --mobile-server <IP/cname> ios-device
> meteor install-sdk android
# Install Java (web install)
# Install Emulator (web install)
> meteor add-platform android
> meteor run --mobile-server <IP/cname> android-device
YES! - Connect over DDP