Intro To Meteor (Las Vegas Ruby User Group Talk)

The JavaScript app platform

Almog Koren www.almog.io

Who Am I

Developer MeteorJS / NodeJS

Formerly founder of Scoreoid & Platfarm

Developer / Entrepreneur Almog Koren

Founder at Almog Development Studio

Speak at events like Casual Connect, Mobile Summit

DroidCon, ect..

Scuba Diver & Rock Climber

Disclaimer

This deck was provided by Meteor

Development Group, as part of the

community outreach provided for Meteor

user group mangers. I made modification

and updates.

What We’ll Cover

• What is Meteor?

• Why Meteor?

• Code Demo (Real Production Apps)

• Who is using it?

• What We Developed (Almog R&D Ltd.)

• Meteor Community

• Who is behind it?

What is Meteor?

One codebase, all platforms

Open and extensible

100% pure

JavaScript

Collaborative iOS and Android app

<1000 lines of JavaScript

A full-stack, open source platform for building web and mobile apps in JavaScript

Fast and fun development

Build advanced apps quickly with a small team

Meteor components

• Command Line Tool • View Layer (Blaze , Angular, React, Jade) • Livequery • Full stack package system (Atmosphere) • Node Package System • Build system (Cordova/Phonegap)

Why Meteor?

Table stakesTodayYesterday

Browser Mobile

Refresh button Live updates

Individual sessions Multiuser collaboration

Links and forms Native-style GUI

Updates without refreshing the browser

Real-time collaboration

“We’ve bled all over it.”

Brett KieferThe Trello Tech Stackhttp://blog.fogcreek.com/the-trello-tech-stack/

Result: Complex stack

HTML Templates App Logic

Reactive UI update system

Native mobile container

Speculative client-side updates

Client-side data store

Custom data sync protocol

Realtime database monitoring

Build & update system

We want to focus on the app, not the infrastructure

App Microservices

PLATFORM

Blaze

Livequery

Client Data Cache

MongoDB SQL REST

App Components & Logic

React Angular

SERVER

CLIENT

SOURCES

DDP

MobileWeb

Meteor code demo

MongoDB DOM

Server Client

Messages.in

sert()Messages.insert()

Meteor Data Flows

MinimongoOptimistic UI

What We Saw – Meteor Tool

Install to deploy in minutes w/free hosting

Hot code push

Multi-platform support

Full-stack packages

What We Saw – Framework Features

Reactive rendering

Database sync

Intuitive, isomorphic API

Minimal boilerplate code

The Meteor Platform

App Microservices

PLATFORM

Blaze

Livequery

Client Data Cache

MongoDB SQL REST

App Components & Logic

React Angular

SERVER

CLIENT

SOURCES

DDP

MobileWeb

Who is using Meteor?

Companies using Meteor

Workpop: Raised $7.9 million Series A led by Trinity Ventures

“the most rapid prototyping, iteration and development

we’ve ever seen from an early stage company”

App We Developed

Almog R&D Ltd. almog.io

A boutique development studio & Official Meteor Partner, helping companies large and small achieve their goals. We build

applications that are engaging and usable and believe simplicity combined with a custom innovative approach to each project is

the key to a successful experience.

Proficient in a wide range of development solutions and can help you take your product from idea to market.

Apps We Have Developed

https://almog.io/startup-mvp/

Meteor Community

Meteor community

Over 200 meetup groups

Over 6,000 community-authored packages Ranked in top10 on GitHub

Who is behind Meteor?

Meteor Development Group

Funded (won’t disappear)

- $20 Million series B - May 2015

Active development by full-time employees

Revenue product: Galaxy

- high-availability/large scale Meteor hosting

Meteor platform is MIT-licensed

- host anywhere; you own the code

meteor.com/learn

Official Meteor Tutorial

Official Meteor Docs

Meteor Forums

Discover Meteor (book)

Stack Overflow

meteor.com/try

docs.meteor.com

forums.meteor.com

book.discovermeteor.com

stackoverflow.com/questions/tagged/meteor

Example Apps

Todos — a full-featured todo list app collaborative app, access control, responsive

meteor create --example todos

Local Market — a mobile social engagement app Twitter integration, camera integration, mobile-optimized

meteor create --example localmarket

Thank You!@IsAlmog

almog@almog.io