• Introduction
• 1. Introduction to Mobservable
  • 1.1. Why Mobservable?
  • 1.2. The Gist of Mobservable
  • 1.3. Concepts & Principles
• 2. Core API
  • 2.1. observable
  • 2.2. @observable
  • 2.3. autorun
  • 2.4. @observer
• 1. Advanced API
  • 3.1. autorunAsync
  • 3.2. autorunUntil
  • 3.3. createTransformer
  • 3.4. expr
  • 3.5. extendObservable
  • 3.6. extras
  • 3.7. fastArray
  • 3.8. isObservable(..)
  • 3.9. map
  • 3.10. modifiers
  • 3.11. observe
  • 3.12. tojson
  • 3.13. transaction
• 1. Best Practices For Large Apps
  • 4.1. Definging data stores
  • 4.2. Writing (async) actions
  • 4.3. Organizing React components
• 1. How does Mobservable work?
  • 5.1. In depth explanation of Mobservable
• 1. Tips & Tricks
  • 6.1. DevTools
  • 6.2. ES5 / ES6 / TypeScript syntax
  • 6.3. Tracking state changes
  • 6.4. Performance considerations
• 7. Resources
• 8. Frequently Asked Questions
• Published with GitBook

Introduction

Edit This Page

autorunUntil

autorunUntil(predicate: () => boolean, effect: () => void, scope?)

autorunUntil observes & runs the given predicate until it returns true. Once that happens, the given effect is executed and the autorunner is disposed. The function returns a disposer to cancel the autorunner prematurely.

This function is really useful to dispose or cancel stuff in a reactive way. For example:

class MyResource {
    constructor() {
        autorunUntil(
            // once...
            () => !this.isVisible,
            // ... then
            () => this.dispose()
        );
    }
    @observable get isVisible() {
        // indicate whether this item is visible
    }
    dispose() {
        // dispose
    }
}