Large Scale JS Engines

A presentation back from 2011, be gentle

Transcript

1. LARGE SCALE JS ENGINES @THANPOLAS BUILDING A LARGE SCALE JS ENGINE
2. LARGE SCALE JS ENGINES @THANPOLAS WHAT IS A LARGE SCALE JS ENGINE? • Implements our API • One page load • It’s a framework
3. LARGE SCALE JS ENGINES @THANPOLAS CHALLENGES BUILDING LSJSE • Name spacing • Templating • Facilities • Data Objects Handling • Source Tree • “Compiling”
4. LARGE SCALE JS ENGINES @THANPOLAS GOOGLE CLOSURE LIBRARY Not Another Framework Closure library is a LANGUAGE ENHANCER
5. LARGE SCALE JS ENGINES @THANPOLAS WHAT IS CLOSURE LIBRARY? Components • Core Library • Compiler • Templating System • Closure Linter • Server agnostic • UI / UX / DOM • Cross-browser • Very Light! Highlights
6. LARGE SCALE JS ENGINES @THANPOLAS LSJSE ARCHITECTURE Name Space Properly Do yourself a favor web.user.signup.ui.start = function(){};
7. LARGE SCALE JS ENGINES @THANPOLAS LSJSE ARCHITECTURE Shortcut Assign Variables web.user.signup.ui.start = function() { var ui = web.user.signup.ui;
8. LARGE SCALE JS ENGINES @THANPOLAS LSJSE ARCHITECTURE Separate Core API From UI/UX Keep it platform agnostic core.user.register(params);
9. LARGE SCALE JS ENGINES @THANPOLAS LSJSE ARCHITECTURE Abstract Abstract Abstract Create your framework core.analytics.logPageView(‘/contacts’);
10. LARGE SCALE JS ENGINES @THANPOLAS LSJSE CONS • Steep Learning Curve • Long Implementation Time • Slow Initial Page Load • Not SEO Friendly
11. LARGE SCALE JS ENGINES @THANPOLAS LSJSE PROS • Can Reuse In Multiple Platforms • With Node.js Reuse Server Side • Faster / Better UX • Smaller Server Load
12. LARGE SCALE JS ENGINES @THANPOLAS THANK YOU. contact Thanasis Polychronakis Founder geowarp.com Twitter @thanpolas