Decoupling your JavaScript
Upcoming SlideShare
Loading in...5
×
 

Decoupling your JavaScript

on

  • 466 views

Decoupling your JavaScript: Breaking large JavaScript into small pieces at MercadoLibre Retreat 2013

Decoupling your JavaScript: Breaking large JavaScript into small pieces at MercadoLibre Retreat 2013

Statistics

Views

Total Views
466
Views on SlideShare
464
Embed Views
2

Actions

Likes
1
Downloads
2
Comments
0

1 Embed 2

http://192.168.6.179 2

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Decoupling your JavaScript Decoupling your JavaScript Presentation Transcript

  • Decoupling your JavaScript Breaking large JavaScript into small pieces
  • Chico UI
  • Carousel
  • Modal
  • Chico UI
  • Why
  • Why •Wrong inheritance pattern
  • Why •Wrong inheritance pattern •Non-extensible
  • Why •Wrong inheritance pattern •Non-extensible •Non-scalable
  • Why •Wrong inheritance pattern •Non-extensible •Non-scalable •Miscommunication between widgets
  • v1.0
  • Modules
  • Modules •Scalable
  • Modules •Scalable •Maintainable
  • Modules •Scalable •Maintainable •Reusable
  • Best Practices
  • JavaScript doesn’t provide modules
  • ECMAScript 6 2015 ~
  • The Recipe
  • Identify
  • Define
  • Viewport Desktop Shared JS Mobile JS JS
  • Code!
  • Viewport Desktop Shared JS Mobile JS JS
  • shared/Viewport.js
  • shared/Viewport.js prototype
  • shared/Viewport.js
  • Viewport Desktop Shared JS Mobile JS JS
  • desktop/Viewport.js
  • Viewport Desktop Shared JS Mobile JS JS
  • mobile/Viewport.js
  • Viewport Module
  • Why •Wrong inheritance pattern •Non-extensible •Non-scalable •Miscommunication between widgets
  • Why •Wrong inheritance pattern •Non-extensible •Non-scalable •Miscommunication between widgets
  • Communication
  • Callbacks
  • Events
  • Fight!
  • Fight!
  • Why •Wrong inheritance pattern •Non-extensible •Non-scalable •Miscommunication between widgets
  • Why •Wrong inheritance pattern •Non-extensible •Non-scalable •Miscommunication between widgets
  • Building
  • Modules
  • Package
  • Takeaway •Chico v1.0 •Modules •Extend with prototype •Reuse: Mobile + Desktop •Communicate via events
  • Fin