Infusion Framework already contains several predefined component grades that are intended to be used (but do not have to be) as the initial building blocks for the external components and grades. The following table describes these grades and how they relate to each other.
|A special directive grade that instructs the framework to create an actual Function object (creator function) to be accessible outside of the Infusion Framework. NOTE: this grade name eventually be added automatically by the framework implicitly.|
|A "little" component is the most basic component: it supports options merging with defaults (Little Components).|
|A "model" component is already a little component that additionally provides supports for a component's model, defined in the components options, and operations on it (Model Components).|
|An "evented" component is already a little component that additionally instantiates event firers based on default framework events (onCreate, onDestroy, onDetach) and events declared in the options (Evented Components).|
|A "view" component is already an evented and a model component that is DOM aware and supports a view (View Components).|
|A "renderer" component is already a vew component that bears a renderer. There are additional features provided by this component grade specified on the Useful functions and events section of the Renderer Components page|
A component's grade should be specified using the
gradeNames option in the components defaults block, as shown in the examples below. The
gradeNames option is a string or array of strings.