Meteor-nepal introduction to meteor

Post on 15-Apr-2017

175 views 5 download

Transcript of Meteor-nepal introduction to meteor

The JavaScript app platform

www.meteor.com

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

What We’ll Cover

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

What is 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

Build advanced apps quicklywith a small team

Meteor componentsCommand Line ToolView Layer – Blaze (Angular, React)LivequeryFull stack package system – atmospherejs.-comBuild 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

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 DOMServer Client

Messages.

insert()Messages.insert()

Meteor Data Flows

MinimongoOptimistic UI

What We Saw – Meteor Tool

Hot code pushMulti-platform supportFull-stack packages

What We Saw – Framework Features

Reactive renderingDatabase sync Intuitive, isomorphic APIMinimal 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

Roadmap

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

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

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

We’re HIRING

www.meteor.com

Thank You!