<form>
  <input name="name"…>
  <input name="color"…>
</form>

import { Actions } from 'flummox'
import api from '../api/labels-api'
export default class LabelsActions extends Actions {
  async add(project, data) {
    return await api.add(project, data).then( id => {
      return [id, { ...data, id, project }]
    })
  }
  async update(pr, id, data) {
    return await api.update(pr, id, data).then(() => {
      return [id, { ...data, id, project }]
    })
  }
  async remove(project, id) {
    return await api.remove(project, id).then(() => id )
  }
}

import { OrderedMap } from 'immutable'
import { Store }      from 'flummox'
export default class LabelsStore extends Store {
  constructor(flux, data) {
    super()
    this.state = {
      labels: OrderedMap(data.map(i => [parseInt(i.id), i]))
    }
    let actions = flux.getActionIds('labels')
    this.register(actions.add,    this.update)
    this.register(actions.update, this.update)
    this.register(actions.remove, this.remove)
  }
  remove(id) {
    this.setState({
      labels: this.state.labels.delete(parseInt(id))
    })
  }
  update([id, data]) {
    this.setState({
      labels: this.state.labels.set(parseInt(id), data)
    })
  }
}

fetch('/comments.json').then(r => r.json()).then(list => {
  setComments(list)
})

showLoader()
fetch('/comments.json').then(r => r.json()).then(list => {
  hideLoader()
  setComments(list)
})

showLoader()
fetch('/comments.json').then(r => r.json()).then(list => {
  hideLoader()
  setComments(list)
}).catch(err => {
  if (isNoNetwork(err)) {
    showNetworkError(err)
  } else {
    showServerError(err)
  }
})

{
  title: '伏特加',
  likes: 50
}

['post:title', '伏特加']
['likes:set', 51]

['likes:remove', 1]

{
  type: 'CHANGE_NAME',
  user: 13,
  name: 'New name'
}

{ action }, { time }

const time1 = Date.now()
const time2 = Date.now()

time2 !== time1

const time1 = Date.now()
const time2 = Date.now()

time2 >= time1

const client = await client.askTime()
const server = Date.now()

diff(client, server) < HOUR

id: [1489328408677, '10:bfj58s0w', 0]

if (now < prevNow) {
  now = prevNow
}
prevNow = now

[1489328408677, '10:…', 0]
[1489328408677, '10:…', 1]
[1489328408678, '10:…', 0]

[
  'connected',
  [0, 0],          // Protocol version
  'server:h4vjdl', // Server unique ID
  [
    1475316481050, // "connect" message was received
    1475316482879  // "connected" message was sent
  ]
]

const roundTrip = now - startTime - authTime
const timeFix = startTime -
                receivedTime +
                roundTrip / 2

{ // Received
  id,
  time: id[0] + timeFix
}

{ // Sent
  id,
  time: id[0] - timeFix
}

ws.onclose = function () {
  // Could be never called
}

> ['ping', 120]
< ['pong', 130]

if (loguxClient.connected) {
  // Connection was tested
  // at least 5 second ago
}

import { createLoguxStore } from 'logux-redux'

const store = createLoguxStore(reducers, 
  preloadedState, undefined, {
  url:         'wss://logux.example.com/',
  userId:       user.id,
  subprotocol: '1.1.5',
  credentials:  user.token
})

import Client from 'logux-client/client'

const logux = new Client({
  url:         'wss://logux.example.com/',
  userId:       user.id,
  subprotocol: '1.1.5',
  credentials:  user.token
})

dispatch({ type: 'MENU_OPEN' })

add({
  type: 'READ_NOTIFICATION',
  id: notification
}, {
  reasons
})

add({
  type: 'CHANGE_NAME',
  user, name
}, {
  sync: true,
  reasons
})

showLoader()
fetch('/profile', {
  credentials: 'include',
  method: 'POST',
  form
}).then(r => {
  hideLoadaer()
}).catch(e => {
  …
})

add({
  type: 'CHANGE_NAME',
  user, name
}, {
  sync: true,
  reasons
})

case 'CHANGE_NAME':
  return { name: action.name, ...user }

{
  type: 'logux/undo',
  id: [1489328408677, '10:bfj58s0w', 0],
  reason: 'error'
}

add({ type: 'ASK_PAY' })

…

case 'ASK_PAY':
  return { payment: 'waiting' }

case 'PAID':
  return { payment: 'paid' }

import { Server } from 'logux-server'

const app = new Server({
  subprotocol: '1.2.0',
  supports: '1.x',
  root: __dirname
})

app.type('CHANGE_NAME', {
  access(action, meta, userId) {
    return userId === action.user
  }
  process(action, meta) {
    …
  }
})

process(action, meta) {
  return db.user.id(action.user).then(u => {
    if (isFirstOlder(u.lastChange, meta)) {
      return u.changeName(action.name)
    }
  })
}

app.log.add({
  type: 'CHANGE_NAME',
  name: 'Looser',
  user: user.id
})

process({ user, name }) {
  return send('POST',
              `user/${ user }/change.php`,
              { name })
}