\n {store.messageForUser}\n
\n \n );\n};\nexport default HelloWorld;\n```\n- [Bind reducer actions to UI - async](https://github.com/jtomasevic/evax/wiki/4.-Action-Bindings-(async))\n- [Bind reducer actions to UI - more](https://github.com/jtomasevic/evax/wiki/5.-Action-bindings-value-manipulation-(input-text))\n\n### Complex example with bindings (combo box, radio box group, converting to number):\n```javascript\n/* eslint-disable radix */\nimport React from 'react';\nimport { bindActionProps } from 'micro-reducers';\nimport { useSession } from '../../store';\nimport { userSignUp } from '../actions';\nimport history from '../../../common/history';\n\n\n// this will be our hellper structure for 'how did tou find us' which is usually get from API, but let's keep things simple for now.\nconst howDidYouFinUsOptions = [\n 'Recomendation',\n 'Googling about bookd',\n 'Facebook',\n 'Instagram'\n];\n\n// more/less like howDidYouFinUsOptions, also it could be object like: {genter:'Male, id:1}, etc...\nconst genders = [\n 'Male',\n 'Female'\n];\n\nconst SignUp = () => {\n const [store, UserSignup] = useSession(userSignUp);\n if (store.user) {\n history.push('/basket');\n }\n /**\n * Binding works in this way.\n * 1. First parameter is Action.\n * 2. Then by action signature order, goes id's of controls that in some way keep value for action parameter.\n * In given example UserSignup is wrapper for action that has following signature:\n * userSignUp = (email: string,\n * password: string,\n * userName: string,\n * age: number,\n * source: string,\n * gender:string)\n * It is very important to NOTICE that bidings are in the sam order as parameters.\n * Look next statement just bellow this comment and compare with action declaration.\n */\n const signUp = bindActionProps(UserSignup,\n 'user.email',\n 'user.password',\n 'user.userName',\n ['user.age', (element: HTMLElement) => parseInt(element.value)],\n 'user.source',\n 'user.gender');\n // generating select option.\n const options = howDidYouFinUsOptions.map((op: string) => );\n // we need a trick for radio-button. trick is that one element can connect id and value attribute to enable bindings.\n // try to figure out next few lines (more explanation coming).\n const onGenderChange = (e) => (document.getElementById('user.gender').setAttribute('value', e.target.value));\n const genderOptions = genders.map((gender: string) => \n \n \n );\n\n return (\n <>\n