mkozhukharenko

export const RECEIVE_MESSAGE = 'RECEIVE_MESSAGE';

mkozhukharenko

// koa-passport-authenticate.js
'use strict'

const _ = require('lodash')
const passport = require('koa-passport')

'use strict'

// Middleware wrapper for koa passport to have proper error handling on authenticate.

mkozhukharenko

// Simple Event emitter realization

class EventEmitter {
  constructor() {
    // store for handlers
    this.events = {};
  }
  // subscribe 
  on(name, fn) {
    this.events[name] = this.events[name] || [];

mkozhukharenko

// make EE singelton, add .off method

let instance = null;

class EventEmitter {
  constructor() {
    // ensure we have only one instance (singelton pattern)
    if (!instance) {
      instance = this;
    }

mkozhukharenko

// trun {fiels: {email: 'val', err:''}} to {email: 'val'}
var getValues = () => {
    let data = {};
    let form = toJS(this.form).fields;
    Object.keys(form).map(key => {
      data[key] = form[key].value
    });
    return data
}

mkozhukharenko

<FormInput name="name" 
           value={form.fields.name.value}
           error={form.fields.name.error}
           onChange={form.onFieldChange}
           placeholder="Enter your name"/>

mkozhukharenko

import {action, observable} from 'mobx';
import Validator from 'validatorjs';

class LoginStore {
  @observable
  form = {
    fields: {
      email: {
        value: '',
        error: null,

mkozhukharenko

import { observable } from 'mobx'

export default class LoginStore {
  @observable
  form =  {
    fields: {
      email: {
        value: '', // binds to input value
        error: null // shows beneif the input
      },

mkozhukharenko

import React, { Component, PropTypes } from 'react';
import FormInput from './../common/form-input'
import { observer } from 'mobx-react'

@observer
class LoginForm extends Component {
  render() {
    const {form, onChange} = this.props;
    return (
      <form onSubmit={this.submit}>

mkozhukharenko

import React, { Component } from 'react';
import { observer } from 'mobx-react';
import LoginForm from './login/login-form.component';
import LoginStore from './login/login.store';

let loginStore = LoginStore();

@observer
class App extends Component {
  render() {