The UserBean class manages the communication between the UI and the server. Once you instantiate the user object, it is available for both of them.
That's why when you run it, the Name | E-mail is already filled (the user object is instantiated when the UserBean class is created by the server).
We associated the userAction() method from the UserBean class to the Validate button of the UI:
<h:commandButton value="Validate" action="#{userBean.userAction()}"/>
You can create other methods in UserBean and do the same to empower your application.
The whole core of our recipe is represented by just a single line in the UI:
<h:inputText id="userNameEmail" value="#{userBean.user}" converter="userConverter" validator="userValidator"/> ...