This document introduces RIB, a framework for organizing JavaScript projects. RIB abstracts HTML forms and separates projects into controllers and presentations. It uses a loosely coupled approach with event broadcasting to communicate between presentations. The goals are to make projects more modular, collaborative, and testable compared to monolithic JavaScript files.

1. RIB
JavaScript that supports new /find/ page

2. HAVE YOU SEEN
/FIND/ PAGE YET?

3. CONCEPT
• The best modern browsing experience
• NOto the page refresh, unless you really
need it
• Let
me copy-n-paste the url, and work as it
should.

4. ISSUES
• When I started to build by myself, it was a
monolithic .js file
• It was hard to collaborate with others
• and even for myself, it gets harder to add/
replace functionalities

5. SOLUTIONS?
• is a new big thing in
JavaScript world.
• MVC sounds promising (if you like)
• BUT the framework’s assumption is different
from what we have here.

6. INTRODUCING RIB

7. RIB
• This
is meant to give you a guideline of how you
SHOULD organize your project.
• Abstraction of HTML <form>.
• <form>:PageController, <input>: Presentation
• Requirement for Presentation: One DOM, name,
getValue(), setValule() and render()
• Loosely-decoupled: communication between
Presentation is event broadcast by $.trigger()

8. FUTURE THOUGHTS
•A few more utility methods
• building mechanism improvement
• testability