SlideShare ist ein Scribd-Unternehmen logo
1 von 23
Downloaden Sie, um offline zu lesen
RIB FRAMEWORK
           Inside of /find page
Takashi Mizohata <takashi@meetup.com>
Mar 26 2012 - Bug 32192 began
     Mock up by Richard
Mar 27 2012 - Working Prototype
May 31 2012 - Initial Released
         as r1961
/FIND ROUND UP


• On   the initial release

 • about TWO       months with 500+ commits

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

      11%




                 89%

      Frontend     Backend
JavaScript can get
“messy” when it gets big.
I HEARD MVC CAN HELP
I DON’T CARE.
I mean, I don’t care
about MVC or MV* or
    whatever terms.
All I want is EASY to use
in JavaScript native way.
Building
a “Framework”
that offers
to organize code
Focus is on:
MODULARITY
EVENT DRIVEN
 STRUCTURE
MODULARITY = isolated scope
  and object independency.
                You always know
                what it does or
                represents
EVENT-DRIVEN = firing events
instead of invoking methods for
    object communications.
                  You don’t have to
                  know what others
                  do or represents
Those two will help us
build a readable code
RIB can help you focus
    on each object
PageController      query()



                                                 trigger(’render’)



trigger(’query’)     getValue()

        Presentation                                                 Presentation
                                                                     onlyview:true
                      render()                              render()


                                    <DOM>   <DOM>
RIB2

Weitere ähnliche Inhalte

Andere mochten auch

Andere mochten auch (9)

Iptv
IptvIptv
Iptv
 
Introducing RIB
Introducing RIBIntroducing RIB
Introducing RIB
 
TO7_Elephants_0645589
TO7_Elephants_0645589TO7_Elephants_0645589
TO7_Elephants_0645589
 
Diffusion Final
Diffusion FinalDiffusion Final
Diffusion Final
 
Zimbabwe In Pictures12
Zimbabwe In Pictures12Zimbabwe In Pictures12
Zimbabwe In Pictures12
 
Beauty 0849132
 Beauty 0849132 Beauty 0849132
Beauty 0849132
 
Pain Assessment Basics
Pain Assessment BasicsPain Assessment Basics
Pain Assessment Basics
 
Scabies
ScabiesScabies
Scabies
 
Contrast Media
Contrast MediaContrast Media
Contrast Media
 

Ähnlich wie RIB2

All the reasons for choosing react js that you didn't know about - Avi Marcus...
All the reasons for choosing react js that you didn't know about - Avi Marcus...All the reasons for choosing react js that you didn't know about - Avi Marcus...
All the reasons for choosing react js that you didn't know about - Avi Marcus...Codemotion Tel Aviv
 
Deploy Angular to the Cloud
Deploy Angular to the CloudDeploy Angular to the Cloud
Deploy Angular to the CloudSimona Cotin
 
モダンなアプリ設計っぽい話
モダンなアプリ設計っぽい話モダンなアプリ設計っぽい話
モダンなアプリ設計っぽい話susan335
 
Design Patterns in ZK: Java MVVM as Model-View-Binder
Design Patterns in ZK: Java MVVM as Model-View-BinderDesign Patterns in ZK: Java MVVM as Model-View-Binder
Design Patterns in ZK: Java MVVM as Model-View-BinderSimon Massey
 
MVVM Design Pattern NDC2009
MVVM Design Pattern NDC2009MVVM Design Pattern NDC2009
MVVM Design Pattern NDC2009Jonas Follesø
 
Modern ASP.NET Webskills
Modern ASP.NET WebskillsModern ASP.NET Webskills
Modern ASP.NET WebskillsCaleb Jenkins
 
React - render() to DOM - Boris Dinkevich - Codemotion Milan 2016
React - render() to DOM - Boris Dinkevich - Codemotion Milan 2016React - render() to DOM - Boris Dinkevich - Codemotion Milan 2016
React - render() to DOM - Boris Dinkevich - Codemotion Milan 2016Codemotion
 
ZK MVVM, Spring & JPA On Two PaaS Clouds
ZK MVVM, Spring & JPA On Two PaaS CloudsZK MVVM, Spring & JPA On Two PaaS Clouds
ZK MVVM, Spring & JPA On Two PaaS CloudsSimon Massey
 
Concurrent Programming with ActionScript workers
Concurrent Programming with ActionScript workersConcurrent Programming with ActionScript workers
Concurrent Programming with ActionScript workersPaul Robertson
 
Bringing the light to the client with KnockoutJS
Bringing the light to the client with KnockoutJSBringing the light to the client with KnockoutJS
Bringing the light to the client with KnockoutJSBoyan Mihaylov
 
20170321 docker with Visual Studio 2017
20170321 docker with Visual Studio 201720170321 docker with Visual Studio 2017
20170321 docker with Visual Studio 2017Takayoshi Tanaka
 
Android development with Scala and SBT
Android development with Scala and SBTAndroid development with Scala and SBT
Android development with Scala and SBTAnton Yalyshev
 
CodeCon DurandalJS
CodeCon DurandalJSCodeCon DurandalJS
CodeCon DurandalJSvlko
 
Backbone.js – an introduction
Backbone.js – an introductionBackbone.js – an introduction
Backbone.js – an introductionbobbyroe
 

Ähnlich wie RIB2 (20)

All the reasons for choosing react js that you didn't know about - Avi Marcus...
All the reasons for choosing react js that you didn't know about - Avi Marcus...All the reasons for choosing react js that you didn't know about - Avi Marcus...
All the reasons for choosing react js that you didn't know about - Avi Marcus...
 
Deploy Angular to the Cloud
Deploy Angular to the CloudDeploy Angular to the Cloud
Deploy Angular to the Cloud
 
MVVM Lights
MVVM LightsMVVM Lights
MVVM Lights
 
モダンなアプリ設計っぽい話
モダンなアプリ設計っぽい話モダンなアプリ設計っぽい話
モダンなアプリ設計っぽい話
 
Design Patterns in ZK: Java MVVM as Model-View-Binder
Design Patterns in ZK: Java MVVM as Model-View-BinderDesign Patterns in ZK: Java MVVM as Model-View-Binder
Design Patterns in ZK: Java MVVM as Model-View-Binder
 
MVVM Design Pattern NDC2009
MVVM Design Pattern NDC2009MVVM Design Pattern NDC2009
MVVM Design Pattern NDC2009
 
Modern ASP.NET Webskills
Modern ASP.NET WebskillsModern ASP.NET Webskills
Modern ASP.NET Webskills
 
Scala & Lift (JEEConf 2012)
Scala & Lift (JEEConf 2012)Scala & Lift (JEEConf 2012)
Scala & Lift (JEEConf 2012)
 
React - render() to DOM - Boris Dinkevich - Codemotion Milan 2016
React - render() to DOM - Boris Dinkevich - Codemotion Milan 2016React - render() to DOM - Boris Dinkevich - Codemotion Milan 2016
React - render() to DOM - Boris Dinkevich - Codemotion Milan 2016
 
ZK MVVM, Spring & JPA On Two PaaS Clouds
ZK MVVM, Spring & JPA On Two PaaS CloudsZK MVVM, Spring & JPA On Two PaaS Clouds
ZK MVVM, Spring & JPA On Two PaaS Clouds
 
Terrific Frontends
Terrific FrontendsTerrific Frontends
Terrific Frontends
 
Building UWP apps with React-Native
Building UWP apps with React-NativeBuilding UWP apps with React-Native
Building UWP apps with React-Native
 
Concurrent Programming with ActionScript workers
Concurrent Programming with ActionScript workersConcurrent Programming with ActionScript workers
Concurrent Programming with ActionScript workers
 
Bringing the light to the client with KnockoutJS
Bringing the light to the client with KnockoutJSBringing the light to the client with KnockoutJS
Bringing the light to the client with KnockoutJS
 
20170321 docker with Visual Studio 2017
20170321 docker with Visual Studio 201720170321 docker with Visual Studio 2017
20170321 docker with Visual Studio 2017
 
Android development with Scala and SBT
Android development with Scala and SBTAndroid development with Scala and SBT
Android development with Scala and SBT
 
Coding Naked 2023
Coding Naked 2023Coding Naked 2023
Coding Naked 2023
 
CodeCon DurandalJS
CodeCon DurandalJSCodeCon DurandalJS
CodeCon DurandalJS
 
Backbone.js – an introduction
Backbone.js – an introductionBackbone.js – an introduction
Backbone.js – an introduction
 
Swiz DAO
Swiz DAOSwiz DAO
Swiz DAO
 

RIB2