Skip to content

Baobab options

Jump to bottom Edit New page
Christian Alfoni edited this page Mar 5, 2015 · 3 revisions

For optimized rendering "out of the box" set two options to your tree.

var Baobab = require('baobab');
var React = require('react/addons');

var tree = new Baobab({
  todos: []
}, {
  shiftReferences: true,
  mixins: [React.addons.PureRenderMixin]
});

Do not confuse react/addons with react-addons. The latter does not include the PureRenderMixin.

Add a custom footer

1. Introduction

  1. Installing
  2. Creating a state tree
  3. Grabbing state from the tree
  4. Listening to changes
  5. Changing state in the tree
  6. FAQ

2. API

  1. Create instance
  2. Select state
  3. Get state
  4. Traverse state
  5. Update state
  1. Complex updates
  2. Verify state type
  3. Register listeners
  4. History
  5. Validation
  6. Options

3. React JS practices

  1. Baobab options
  2. The mixins
  3. The concepts
  4. Business logic
  5. Scaling
  6. Testing
  7. Canonical state

4. Angular practices

  1. Declare the tree on a factory
  2. Expose a local state to views

5. Complex issues (WIP)

  1. Defining a tree
  2. Client vs Server state
  3. Isomorphic app
  4. Pagination
  5. Caching
Clone this wiki locally