invokes all the callbacks with a payload Flux dispatcher is a singleton; payload is an action Primary API: dispatch(), register(), waitFor() Base class is available through npm or Bower.
within the application Manages application state for a logical domain Private variables hold the application data Numerous collections or values can be held in a store
Uses a “Virtual DOM”: data structure and algorithm Updates the DOM as efficiently as possible Huge performance boost Bonus: we can stop thinking about managing the DOM
function of this.props and this.state “Re-render” (or not) on every state change Keep components as stateless as possible Component lifecycle and update cycle methods
componentWillUpdate() render() DOM Mutations Complete componentDidMount() componentDidUpdate() componentWillUnmount() Lifecycle: Mounting and Unmounting Update: New Props or State *Called only with new props
componentWillUpdate() render() DOM Mutations Complete componentDidMount() componentDidUpdate() componentWillUnmount() Lifecycle: Mounting and Unmounting Update: New Props or State *Called only with new props
XHR work. Start requests directly in the Action Creators, or in the stores. Important: create a new action on success/error. Data must enter the system through an action.