mobx-introduction_01_observables

getThermomether.js

import { observable } from 'mobx'

function getThermomether (initialValue) {
	const thermometer = observable({
		// model
		id: initialValue.id,
		celsius: initialValue.celsius,
	
		// actions
		setCelsius (val) {
			thermometer.celsius = val
		},
	
		setFarenheith (val) {
			thermometer.celsius = (val - 32) * (5/9)
		},
	
		// views
		get farenheith () {
			return (thermometer.celsius * (9/5)) + 32
		},
	
		get kelvin () {
			return (kelvinFormula)
		}
	})
	
	return thermomether
}

• Siempre contiene un modelo de datos
• Para modificar estos modelo vamos a usar acciones
• Puede además incluir vistas, para obtener valores derivados del estado