23
RIB FRAMEWORK Inside of /find page Takashi Mizohata <[email protected]>

RIB2

Embed Size (px)

Citation preview

Page 1: RIB2

RIB FRAMEWORKInside of /find page

Takashi Mizohata <[email protected]>

Page 2: RIB2

Mar 26 2012 - Bug 32192 beganMock up by Richard

Page 3: RIB2

Mar 27 2012 - Working Prototype

Page 4: RIB2

May 31 2012 - Initial Releasedas r1961

Page 5: RIB2

/FIND ROUND UP

•On the initial release

• about TWO months with 500+ commits

• Commits by Adrian, Brian, Jake, Simon, Gary and Erik.

Page 6: RIB2

COMMITS BY NUMBERS

89%

11%

Frontend Backend

Page 7: RIB2

JavaScript can get “messy” when it gets big.

Page 8: RIB2

I HEARD MVC CAN HELP

Page 9: RIB2
Page 10: RIB2

I DON’T CARE.

Page 11: RIB2

I mean, I don’t care about MVC or MV* or

whatever terms.

Page 12: RIB2

All I want is EASY to use in JavaScript native way.

Page 13: RIB2

Building a “Framework”

Page 14: RIB2

that offers to organize code

Page 15: RIB2

Focus is on:

Page 16: RIB2

MODULARITY

Page 17: RIB2

EVENT DRIVEN STRUCTURE

Page 18: RIB2

MODULARITY = isolated scope and object independency.

You always knowwhat it does or represents

Page 19: RIB2

EVENT-DRIVEN = firing events instead of invoking methods for

object communications.You don’t have to know what others do or represents

Page 20: RIB2

Those two will help us build a readable code

Page 21: RIB2

RIB can help you focus on each object

Page 22: RIB2

<DOM> <DOM>

Presentation

PageController

Presentationonlyview:true

query()

render()render()

trigger(’render’)

getValue()trigger(’query’)

Page 23: RIB2