Yet another set of slides for yet another talk on Components.

1. component

2. Tim Oxley
•Twitter: @secoif
•Github: github.com/timoxley
•secoif@gmail.com
•meetup.com/singapore-js
•campjs.com

3. Singapore JS
Monday 4th March

4. nodejs workshops
coming soon

5. component
say no to invasive frameworks

6. a world without jQuery?

7. nodejs-style modules for the
browser

8. do one thing well
unix philosphy

9. component/inherit
module.exports = function(a, b){
var fn = function(){};
fn.prototype = b.prototype;
a.prototype = new fn;
a.prototype.constructor = a;
};

10. component/domify
var domify = require('domify')
domify('<p>Hello</p><p>World</p>')
// => [<p>Hello</p><p>World</p>]

11. 500+ Components
https://github.com/component/component/wiki/Components

12. •AJAX •Function Utilities •Templating
•WebSocket •Date Utilities •Audio
•Routing •Array Utilities •Other
•CQRS •String Utilities •MVC
•Data Modelling •Number Utilities •Backbone
•Data Structures •Math Utilities •Ember
•Dependency Injection •Object Utilities •Gaming
•UI Elements •Canvas •Themes
•DOM Interaction •Shims
•Conversion Utilities •Testing
•Control Flow •Styling

13. diversity leads to innovation

14. invest in a framework vs.
invest in components

15. what if component isn’t the
perfect solution?

16. worst case scenario?

17. frameworks:

18. vendor lock-in

19. fragmentation

20. useless knowledge

21. useless code

22. one size does not fit all

23. frameworks have a lifespan

24. heavy to pivot

25. vs components

26. modular codebase

27. custom architecture

28. more decisions

29. component is just a build tool
+ require shim

30. specify and bundle
dependencies

31. lightweight

32. isolate complexity

33. ecosystem agnostic
It’s not just the web anymore

34. encourage healthy coding
practices

35. easier to pivot

36. only constant is change

37. leverage, don’t lean

38. open source all the things

39. components = everybody wins

40. Questions?
http://github.com/timoxley
@secoif