Mobx example.js

class Person{
	@observable firstName = 'David';
	@observable lastName = 'Khan';
	@observable age = 23;

	@computed fullName(){
		return firstName + ' ' + lastName;
	}

	@action changeName(firstName, lastName){
		this.firstName = firstName;
		this.lastName = firstName;
	}
}

mobx.autorun(() => {
	console.log(obj.fullName);
});

let obj = new Person();

obj.changeName('Suzon', 'Zahid');

// David khan
// Suzon Zahid

import React, {Component} from 'react';
import {render} from 'react-dom';

@observer
class PersonView extends Component{
	render(){

		setTimeout(this.props.person.changeName('Joynal', 'Abedin'), 5000);

		return (
			<h1>{this.props.person.firstName} {this.props.person.lastName}<h1>
		);
	}
}

render(
	<PersonView person={new Person}/>,
	document.getElementById('app');
);