Meteor-nepal introduction to meteor

21
The JavaScript app platform www.meteor.com var piyush = { github : piyushcoder , twiter : nepalipiyush, co-founder: wsnepal }

Transcript of Meteor-nepal introduction to meteor

Page 1: Meteor-nepal introduction to meteor

The JavaScript app platform

www.meteor.com

var piyush = { github : piyushcoder , twiter : nepalipiyush, co-founder: wsnepal }

Page 2: Meteor-nepal introduction to meteor

What We’ll Cover

What is Meteor?Why Meteor?Code DemoArchitecture What’s next?

Page 3: Meteor-nepal introduction to meteor

What is Meteor?

Page 4: Meteor-nepal introduction to meteor

One codebase,all platforms

Open and extensible

100% pureJavaScript

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

Page 5: Meteor-nepal introduction to meteor

Build advanced apps quicklywith a small team

Page 6: Meteor-nepal introduction to meteor

Meteor componentsCommand Line ToolView Layer – Blaze (Angular, React)LivequeryFull stack package system – atmospherejs.-comBuild system

Cordova/Phonegap

Page 7: Meteor-nepal introduction to meteor

Why Meteor?

Page 8: Meteor-nepal introduction to meteor

Table stakesTodayYesterday

Browser Mobile

Refresh button Live updates

Individual sessions Multiuser collaboration

Links and forms Native-style GUI

Page 9: Meteor-nepal introduction to meteor

Updates without refreshing the browser

Page 10: Meteor-nepal introduction to meteor

Real-time collaboration

Page 11: Meteor-nepal introduction to meteor

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

Page 12: Meteor-nepal introduction to meteor

Meteor code demo

Page 13: Meteor-nepal introduction to meteor

MongoDB DOMServer Client

Messages.

insert()Messages.insert()

Meteor Data Flows

MinimongoOptimistic UI

Page 14: Meteor-nepal introduction to meteor

What We Saw – Meteor Tool

Hot code pushMulti-platform supportFull-stack packages

Page 15: Meteor-nepal introduction to meteor

What We Saw – Framework Features

Reactive renderingDatabase sync Intuitive, isomorphic APIMinimal boilerplate code

Page 16: Meteor-nepal introduction to meteor

The Meteor Platform

App Microservices

PLATFORM

Blaze

Livequery

Client Data Cache

MongoDB SQL REST

App Components & Logic

React Angular

SERVER

CLIENT

SOURCES

DDP

MobileWeb

Page 17: Meteor-nepal introduction to meteor

Roadmap

Meteor 1.3 – late march • ES6 with import/export feature• NPM modules by defaultSoon enough• APOLLO <reactive graphQl>

Page 18: Meteor-nepal introduction to meteor

meteor.com/learn

Official Meteor TutorialOfficial Meteor DocsMeteor ForumsDiscover Meteor (book)Stack Overflow

meteor.com/try

docs.meteor.com

forums.meteor.com

book.discovermeteor.com

stackoverflow.com/questions/tagged/meteor

Page 19: Meteor-nepal introduction to meteor

Example Apps

Todos — a full-featured todo list appcollaborative app, access control, respon-

sive

meteor create --example todos

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

meteor create --example localmarket

Page 20: Meteor-nepal introduction to meteor

We’re HIRING

Page 21: Meteor-nepal introduction to meteor

www.meteor.com

Thank You!