Behind the Scenes: Component Trees

• JSF pages contain hierarchies of user interface (UI) components

• In the login example, the parent component is a form (h:form) and the children are the name field (h:inputText), password field (h:inputSecret), and button (h:commandButton)

• Each tag has a tag handler class. These collaborate to create a component tree data structure:
  

• Each component has a renderer that produces HTML output