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
RIB2
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

More Related Content

PDF
Communication between Wicket and Flex
PPTX
Colegio nacional dario guevara mayorga
PPTX
Evented Javascript
PPTX
Lecture 5: Client Side Programming 1
PPT
Presentation1
PPT
Edat Mitjana
PPT
Zimbabwe In Pictures - Edition 12
PDF
Thinking & customizing agile
Communication between Wicket and Flex
Colegio nacional dario guevara mayorga
Evented Javascript
Lecture 5: Client Side Programming 1
Presentation1
Edat Mitjana
Zimbabwe In Pictures - Edition 12
Thinking & customizing agile

Viewers also liked (9)

PPT
PDF
Introducing RIB
PPT
TO7_Elephants_0645589
PPT
Diffusion Final
PPT
Zimbabwe In Pictures12
PPT
Beauty 0849132
PPT
Pain Assessment Basics
PPT
Scabies
PPT
Contrast Media
Introducing RIB
TO7_Elephants_0645589
Diffusion Final
Zimbabwe In Pictures12
Beauty 0849132
Pain Assessment Basics
Scabies
Contrast Media
Ad

Similar to RIB2 (20)

PPTX
Untangling - fall2017 - week6
PPTX
User Interface
PDF
Content-Driven Apps with React
PPTX
Progressive Web Apps and React
PDF
Component-Oriented Progressive Web Applications with VueJS
PPTX
Untangling spring week11
PDF
React Conf 17 Recap
PPTX
ReactJS.NET - Fast and Scalable Single Page Applications
PPTX
Introduction to Web Design and Development Lecture 1.pptx
PDF
theory-slides-vueh3urh4ur4ur4r44oirj4riu4ri
PDF
TPSE Thailand 2015 - Rethinking Web with React and Flux
PPTX
AngularJS UTOSC
KEY
10 Years of JavaScript
PDF
Single API for library services (poster)
PPTX
Show Some Spine!
PPTX
Painless Migrations from Backbone to React/Redux
PDF
An Intense Overview of the React Ecosystem
KEY
Single Page Applications - Desert Code Camp 2012
PPTX
Building single page applications
PDF
Refactor Large applications with Backbone
Untangling - fall2017 - week6
User Interface
Content-Driven Apps with React
Progressive Web Apps and React
Component-Oriented Progressive Web Applications with VueJS
Untangling spring week11
React Conf 17 Recap
ReactJS.NET - Fast and Scalable Single Page Applications
Introduction to Web Design and Development Lecture 1.pptx
theory-slides-vueh3urh4ur4ur4r44oirj4riu4ri
TPSE Thailand 2015 - Rethinking Web with React and Flux
AngularJS UTOSC
10 Years of JavaScript
Single API for library services (poster)
Show Some Spine!
Painless Migrations from Backbone to React/Redux
An Intense Overview of the React Ecosystem
Single Page Applications - Desert Code Camp 2012
Building single page applications
Refactor Large applications with Backbone
Ad

RIB2