tracked-mobx.js

tracked-mobx.js

/**
 Shitty implementation of tracked compatible local component state library powered by MobX
 
 Demo: https://jsfiddle.net/mweststrate/Ltmhe3rh/
 
 @example
 
 class Example extends Component {
  // initialize state.count with a value:
  @tracked count = 1000;
  
  updateCount = e => {
    // updates state.count via setState()
    this.count = e.target.value;
  };
  
  render() {
    return (
      <input
        value={this.count}  // it's just a value!
        onChange={this.updateCount}
      />
    );
  }
}
*/

import {observable} from 'mobx'
import {observer} from 'mobx-react'

export function tracked(target, prop, descriptor) {
  observer(target)
  return observable(target, prop, descriptor)
}