Meteor IndyFive Dev Power Tools

Mike Seidle & Rick Wehrle@indymike & @wehrlock

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

What data is in Mongo on the server?What data is on the wire?What data is in MiniMongo on the client?What values are set in the client browser?OMG! What just happened?

Five Dev Power Tools

What data is in Mongo on the server?

RoboMongo by Paralect

What data is on the wire?

DDP Analyzer by Arunoda Susiripala

DDP Analyzer by Arunoda Susiripala

export DDP_DEFAULT_CONNECTION_URL=http://localhost:3030meteor

npm install -g ddp-analyzer

ddp-analyzer-proxy

Installation

Start DDP Analyzer Proxy

Start Meteor App

https://meteorhacks.com/discover-meteor-ddp-in-realtime.html

What data is in MiniMongo on the client?

Mongol by Max Savin

Mongol by Max Savin

meteor add msavin:mongol

Control + M

Installation

After Installation

Docshttps://atmospherejs.com/msavin/mongolhttps://www.youtube.com/watch?v=kMCoP0kNGwU

What values are set in the client browser?

JetSetter by Max Savin

JetSetter by Max Savin

meteor add msavin:jetsetter

Control + M

Installation

After Installation

Docshttps://atmospherejs.com/msavin/jetsetter

OMG! What just happened?

Chrome Inspector. Highly Useful Docs: https://developer.chrome.com/devtools/docs/console-api

Five Dev Power Tools

What data is in Mongo on the server? RoboMongo

What data is on the wire? DDP Analyzer

What data is in MiniMongo on the client? Mongol

What values are set in the client browser? JetSetter

OMG! What just happened? Chrome Inspector