{this.decoratedText}
;\n }\n}\n```\n\n### Observable Reaction decorator\n\n```tsx\nimport { observable } from 'mobx';\nimport { observer } from 'mobx-react';\nimport { ObservedComponent, reaction } from 'mobx-react-helper';\n\n@observer\nexport class MyComponent extends ObservedComponent {\n @observable\n accessor count = 0;\n\n componentDidMount() {\n super.componentDidMount();\n // Super method call is required if you have more \"did mount\" logic below\n // Your logic is here...\n }\n\n componentWillUnmount() {\n super.componentWillUnmount();\n // Super method call is required if you have more \"will unmount\" logic below\n // Your logic is here...\n }\n\n @reaction(({ count }) => count)\n handleCountChange(newValue: number, oldValue: number) {\n console.log(`Count changed from ${oldValue} to ${newValue}`);\n }\n\n render() {\n return (\n \n );\n }\n}\n```\n\n### Abstract Form component\n\n```tsx\nimport { observer } from 'mobx-react';\nimport { FormComponent } from 'mobx-react-helper';\n\n@observer\nexport class MyField extends FormComponent {\n render() {\n const { onChange, ...props } = this.props,\n { value, handleChange } = this;\n\n return (\n <>\n