• Introduction
• 1. Introduction to Mobservable
  • 1.1. Why Mobservable?
  • 1.2. The Gist of Mobservable
  • 1.3. Concepts & Principles
• 1. The Basics: Making stuff Reactive
  • 2.1. Reactive Data Structures
  • 2.2. Reactive Views
  • 2.3. Reactive Components
• 1. Core API
  • 3.1. makeReactive
  • 3.2. observe
  • 3.3. @observable
  • 3.4. @reactiveComponent
• 1. Advanced API
  • 4.1. isReactive
  • 4.2. extendReactive
  • 4.3. modifiers
  • 4.4. transactions
  • 4.5. observeAsync
  • 4.6. observeUntil
  • 4.7. expr
  • 4.8. strict
  • 4.9. toJSON
  • 4.10. debug utilities
• 1. Best Practices For Large Apps
  • 5.1. Definging data stores
  • 5.2. Writing (async) actions
  • 5.3. Organizing React components
  • 5.4. Universal applications —>
• 1. How does Mobservable work?
• 1. Tips & Tricks
  • 7.1. DevTools
  • 7.2. ES6 & TypeScript goodies
  • 7.3. Tracking state changes
  • 7.4. Predicates
  • 7.5. Performance considerations
• 8. Resources
• 9. Frequently Asked Questions
• Published with GitBook

Introduction

Edit This Page

extendReactive

Quite similar to Object.assign, extendReactive takes two arguments, a target object and a properties map, and addes all key-value pairs from the properties to the target as reactive properties. This is very useful in constructor functions or to extend already reactive objects.

var Person = function(firstName, lastName) {
    // initialize reactive properties on a new instance
    extendReactive(this, {
        firstName: firstName,
        lastName: lastName
    });
}
var matthew = new Person("Matthew", "Henry");
// add a reactive property to an already reactive object
extendReactive(matthew, {
    age: 353
});

Note that makeReactive(object) is actually an alias for extendReactive(object, object).