Exploring Front-End Frameworks
Part II
Objective
"More productive out of the box."
- Convention over Code
- Stability without Stagnation
- Wholesale Front-End App
Ember
Meteor
"From idea to execution, faster."
- Universal JavaScript
- Rapid Prototyping
- Wholesale Application
Past & Future
December 2011
- Open-Sourced Stack
- 6 Week Release Cycle
- Guides and Docs By Version
Ember
Meteor
July 2012
- Open-Sourced Platform*
- YCombinator Startup
- Guides and Docs By Version*
Inner Workings
Ember
Routes:
Control current state and data context
Models:
Instance of a data structure defined by route
Templates:
HTML displayed by route with bound data
Components
Reusable building block of data and logic
Services
Control long term state
Meteor
Collections:
Data persistence and reactive binding
Server Code:
Publish collections, private methods
Client Code:
Set up templates, subscriptions, and events
Templates:
HTML displayed by client code with bound data
Packages:
Add on Routing or User Management
Tooling
- Create a new project
- Generate code
- Serve locally
- Run tests
- Build for distribution
Ember
Meteor
- Create new project
- Serve locally
- Manage packages
- Run linter or debugger
- Interactive Node and Mongo shell
- Manage platforms
- Build for distribution
- Deploy to production
Asset Management
Using Broccoli and Ember-CLI
- Raw Assets
- CSS or CSS Preprocessors
- Compiled JavaScript
- LiveReload
- ES6!
Ember
Meteor
Using copious amounts of wizardry
- Static Files
- CSS or CSS Preprocessors
- Compiled JavaScript
- LiveReload
- Manages packages, too
Time For Demos
Questions?
Thanks for listening!