Ui for Angular haters by @escusado

Slides de la plática Ui for Angular haters by @escusado

Del 26 de Enero de 2016 en GDLJS

Transcript

6. | COMPLEXITY + PROBLEM SOLUTION MAXIMUM ACCEPTABLE CODE NIRVANA CODE HELL WE ARE HERE
9. | COMPLEXITY + PROBLEM SOLUTION
10. ...
17. HOME
20. LET’S GO BACK TO SIMPLER TIMES
21. | COMPLEXITY + PROBLEM SOLUTION
26. DEALING WITH TREES
27. USE SIMPLE UNTIL IT GETS COMPLEX
28. FRAMEWORK APOCALYPSE
31. | COMPLEXITY + PROBLEM SOLUTION
32. @azendal
33. The problem: How does the minimum ui component looks like?
40. A proposal
41. Widget
42. A library to define Ui components. [it’s just a class]
43. Havely Based on Neon/Widget by @azendal
45. class Button extends NanoWidget { } .element [.name] .render(targetEl, beforeEl) .bind(‘event’, handler()) .unbind(‘event’, handler()) .dispatch(‘event’, {data}) .appendChild(<child>) .removeChild(<child>) [.children] [.parent] .activate() .deactivate() .enable() .disable() [.active] [.disabled] .destroy()
46. this.appendChild(new Header({ name: ‘header’, class : ‘home-color’ }); [...] app.header.menu.activate();
47. Build on top of it
48. ; github.com/escusado/nano-widget @escusado