Introduction to meteor

Introduction to meteor

• 1.
  Meteor An Introduction
• 2.
  Things to discuss Whatis Meteor What is inside What is reactivity Reactivity in Meteor DDP Minimongo To use or Not to use
• 3.
  Meteor ? Full-stack platform,capable for developing modern web and mobile applications. Reactive, very useful for realtime applications (messaging system) Javascript everywhere
• 4.
  What is inside? Node.js MongoDB Socket.io(WebSocket) Blaze/Angular/React Lotsof packages
• 5.
  What is Reactivity? Supposea = b+c In conventional(imperative) programming, above means a is being assigned the result of b+c and later, the values of b and c can be changed, with no effect on the value of a (unless code was called again). In reactive programming, the value of a would be automatically updated whenever the values of b and c change.
• 6.
  Example Imperative Reactive b=2, c=1then a= 3 3 b=4, c=1 then a= 3 (unless explicit re-execution) 5
• 7.
  Reactive Style Programming Isabout writing code that renders values when they are delivered Not code that retrieves values so they can be rendered Data is pushed, not pulled
• 8.
  Reactivity in Meteor Database(MongoDB) Server (Publish) DDP MiniMongo (Subscribe) (Client)
• 9.
  DDP (Distributed DataProtocol) client-server protocol for querying and updating a server-side database and for synchronizing such updates among clients. uses the publish-subscribe messaging pattern. was created for use by the Meteor JavaScript framework.
• 10.
  MiniMongo Minimongo is reimplementationof (almost) the entire MongoDB API, against an in-memory JavaScript database. It is like a copy of MongoDB that runs inside your web browser. You can insert data into it and search, sort, and update that data. Minimongo is used as a temporary data cache in the standard Meteor stack.
• 11.
  Advantages/When to use Reactivedata, the data in the templates automatically gets updated, as soon as changes to the data are made. Develop with a single language so it works the same way for both client and server. Large community, so availability of various open source packages which helps in developing the app very quickly. Scalable, meteor comes with its own hosting service, named galaxy, which is specifically made for meteor, but still a lot more can be done. Can build mobile and web app, with same lines of code.
• 12.
  Shortcomings/When not touse Meteor ships all template, CSS and JavaScript code to the client, which means it may take a few seconds for the first page to be rendered so it is more suited for a web application, than a website. In case, the backend functionality is already there, it is better to use some frontend library than to rewrite server code in JavaScript. In case, the need is for building a web-service / REST API, without a client. In case, the web app is not needed to be real-time and since there is a RAM and CPU cost for providing real-time data sync between the server and subscribed clients.
• 13.
  Structure client # cliententry point, imports all client code server # server entry point, imports all server code imports # is accessible by both client and server lib # is accessible by both client and server public # is accessible by client (includes images etc) private # is accessible by server (includes files etc) Meteor.isClient #To run in client only,
• 14.
  Imports Structure startup #startup code, routes, db initialization etc client server api # server methods, publication etc ui components # all reusable components in the application layouts # layout of the application pages # template
• 15.
  Load Order 1. HTMLtemplate files are always loaded before everything else 2. Files beginning with main. are loaded last 3. Files inside any lib/ directory are loaded next 4. Files with deeper paths are loaded next 5. Files are then loaded in alphabetical order of the entire path nav.html main.html client/lib/methods.js lib/feature/styles.js client/feature-y.js client/main.js
• 16.
  Questions ?
• 17.
  Talk is cheap.Show me some code.