Meteor 1.3 overview

Created by Alexandr Kuldin

https://rawgit.com/aaasko/meteor-overview/master/index.html

What exactly is Meteor?

ˈmētēər / ˈmitiər / ˈmiːtjə

The JavaScript App Platform

Meteor is an open source platform for web, mobile, and desktop

Is it like MEAN?

MongoDB, Express, Angular, Node

But why?

Why it's so cool?

$11,200,000!

Y Combinator

Community

GitHub repo Stars Contributors
angular/angular.js 49,702 1,476
facebook/react 43,105 7,354
meteor/meteor 34,136 289
expressjs/express 25,553 189
nodejs/node 23,785 930
angular/angular 12,526 278

10,841 packages

at atmospherejs.com

Installation

OSX and Linux

curl https://install.meteor.com/ | sh

Windows

There is installer of it — no exceptions.

Creating an app

meteor create counter

Running an app

meteor

Extending an app

meteor add twbs:bootstrap
meteor list

Explanation

Reactive variables and functions...

How do they work?

It's magic

Meteor Tracker

API is here

Cool tutorial is here

Simple TODO app

git clone https://github.com/meteor/simple-todos.git
  • db.products.insert( { item: "card", qty: 15 } )
  • db.products.insert( { _id: 10, item: "box", qty: 20 } )
  • db.products.findOne( { _id: "apples" } )
  • db.products.find( { qty: { $gt: 4 } } )
  • db.products.updateOne({ _id: "apples" }, { $inc: { qty: 1 } })

Other Topics

Routing

Debugging

The same as debugging Node.js. And more.

Testing

Mocha JavaScript test framework

meteor add practicalmeteor:mocha
meteor test --driver-package practicalmeteor:mocha

Deploying

View Layers

Official:

Angular-Meteor has it's own site.

Stylesheet languages

  • LESS
  • Sass
  • Stylus

PostCSS?

Of course yes!

CoffeeScript?

Yes!

TypeScript

Yes!

SQL?

Yes!

  • Neo4j
  • Reactive MySQL
  • Reactive PostgreSQL
  • e.t.c.

Q & A

awesome-meteor