A user account is required in order to edit this wiki, but we've had to disable public user registrations due to spam.

To request an account, ask an autoconfirmed user on Chat (such as one of these permanent autoconfirmed members).

Component Model Methodology

From WHATWG Wiki
Revision as of 16:40, 23 August 2011 by Dglazkov (talk | contribs)
Jump to navigation Jump to search

Here are the guidelines for understanding the problem of and developing specification for the Component Model.


  1. Capture requirements as use cases;
  2. Study use cases and extract a set of desired properties for these use cases;
  3. Come with a design that satisfies all desired properties;
  4. Extrude building blocks out of the design;
  5. Write specification draft(s) for the building blocks;
  6. Cultivate implementation feedback:
    • Provide experimental implementation(s) for the building blocks;
    • Seek feedback from the use case audiences;
    • Incorporate feedback into specification.
  7. Write a test suite.
  8. Iterate until success criteria is reached.

Success criteria

  • The use cases:
    • reasonably cover a set of component model needs on the Web.
  • The properties:
    • completely describe the set of use cases;
    • are orthogonal to each other.
  • The building blocks:
  • The specification:
    • is a complete set of requirements for all building blocks and corner cases, discovered during implementation;
  • The test suite:
    • provides coverage for each requirement in the specification.

Design Principles

  • Reuse existing mechanisms as much as possible, gently extending them if necessary;
  • Study popular patterns in existing Web frameworks and pave the cowpaths when appropriate;
  • Encourage each building block to stand on its own merits.

Implementation Sequence

Since the component model is composed of several building blocks, it is possible to implement it incrementally, gaining more insight with each step. Here's one possible sequence (tabulated against the use cases and approximate percentage of satisfying them):

Step Layout Manager Mix-and-Match SVG Controls Contacts Widget Like/+1 Button Media Controls for the Video Element Details/Summary Element
Shadow DOM 25% - 34% 100% 25% 100% 50%
Content Element 25% - - - - - 50%
Constructable DOM Types 25% 50% 33% - 25% - -
Registering Elements 25% 50% 33% - 25% - -
Confinement Primitives - - - - 25% - -