meteor-nepal introduction to meteor
Post on 15-Apr-2017
185 Views
Preview:
TRANSCRIPT
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!
top related