20150415 Something About Meteor

15

Transcript of 20150415 Something About Meteor

Page 1: 20150415 Something About Meteor
Page 2: 20150415 Something About Meteor

Something About MeteorMike Seidle & Rick Wehrle@indymike & @wehrlock

Page 3: 20150415 Something About Meteor

Made the top 10 on GitHub in March

The Meteor repo passed the Impress repo to become the 10th most starred repo on GitHub.1. twbs/bootstrap2. vhf/free-programming-books3. angular/angular.js4. mbostock/d35. joyent/node6. jquery/jquery7. FortAwesome/Font-Awesome8. h5bp/html5-boilerplate9. rails/rails

10. meteor/meteor11. bartaz/impress.js

Page 4: 20150415 Something About Meteor

Client Server

MiniMongo

Node.js Javascript

Validate & UpdateSimulate DB

Subscribe

JSONEJSON

Publish

Database Everywhere

Data on the wire

Latency Compensation

Validate & UpdatePersist DB

MongoDB

One Language

DDPBrowserJavascript

Full Stack Reactivity

Simplicity = Productivity

Embrace the Ecosystem

7 Core Principles

Page 5: 20150415 Something About Meteor

➔ Node.js➔ MongoDB ➔ Apache Cordova➔ Data Binding (full stack reactivity)➔ Templating (or use with React / Angular)➔ CLI for build, debug, and deploy

Batteries are included

Page 6: 20150415 Something About Meteor

Install Meteor

WindowsDownload InstallMeteor.exe from https://www.meteor.com/install

Mac & Linux$ curl https://install.meteor.com/ | sh

Page 7: 20150415 Something About Meteor

Create your first Meteor app# Create an app named myapp

$ meteor create myapp

# Run your app

$ cd myapp && meteor

Page 8: 20150415 Something About Meteor

Meteor App Structure

├── client (client only code)│ └── compatibility (browser specific)├── resources (gets distributed with apps)├── private (not shared assets)├── public (shared assets)└── server (server only code)

http://docs.meteor.com/#/full/structuringyourapp

Page 9: 20150415 Something About Meteor

Embrace The Ecosystem - Packages

Reuse > Reinvent

Find on AtmosphereJS.com and install:

$ meteor add materialize:materialize

Page 10: 20150415 Something About Meteor

Bigger, More Ambitious Example

# List examples

$ meteor create --list

# Create from an example

$ meteor create --example todos indyjs

# Run example

$ cd todos && meteor

Page 11: 20150415 Something About Meteor

Build for Android & iOS# Install SDK for Android

$ meteor install-sdk android

# Install SDK for iOS

$ meteor install-sdk ios

# Add to your App

$ meteor add-platform <os>

# Run Your App

$ meteor run android-device

Page 12: 20150415 Something About Meteor

Deploy to Production

# Deploy your app

$ meteor deploy

# Deploy your app

$ meteor deploy indyjs.meteor.com

# Deploy your app

$ meteor deploy

Page 13: 20150415 Something About Meteor

Demo Time

Page 14: 20150415 Something About Meteor

Awesomeness to Explore

MongoDB 3.0 WiredTiger storage engineTry out RoboMongo: http://robomongo.org/

Chrome / Firefox Developer ToolsInspect and Introspect.

AtmosphereThe ecosystem is really, really deep.

Page 15: 20150415 Something About Meteor

Meteor News Sources

Meteor Forums <https://forums.meteor.com/>

Crater.io <http://crater.io/>

This Week in Meteor <http://thisweekinmeteor.com/>

Meteor Indy <http://indy.meteor.com/>