talyssonoc

{
  type: 'CREATE_USER',
  userData: { name: 'Aragorn', birthday: '03/01/2931' }
}

talyssonoc

const createUser = (userData) => ({
  type: 'CREATE_USER',
  userData
});

talyssonoc

/* view/todo/TodoList.js */

const TodoList = ({ todos, filter }) => (
 <ul>
  {
    todos
      .filter((todo) => todo.state === filter)
      .map((todo) =>
        <li key={todo.id}>{ todo.text }</li>
      )

talyssonoc

export const AUTH = {
  SIGN_IN_REQUEST: 'SIGN_IN_REQUEST',
  SIGN_IN_SUCCESS: 'SIGN_IN_SUCCESS',
  SIGN_IN_ERROR: 'SIGN_IN_ERROR'
};

export const ARTICLE = {
  LOAD_ARTICLE_REQUEST: 'LOAD_ARTICLE_REQUEST',
  LOAD_ARTICLE_SUCCESS: 'LOAD_ARTICLE_SUCCESS',
  LOAD_ARTICLE_ERROR: 'LOAD_ARTICLE_ERROR'

talyssonoc

import { AUTH } from './actionTypes';

export const reducer = (state, action) => {
  switch(action.type) {
  // ...
  case AUTH.SIGN_IN_SUCCESS:
    return {
      ...state,
      user: action.user
    };

talyssonoc

import { AUTH } from './actionTypes';

export const reducer = (state, action) => {
  switch(action.type) {
  // ...
  case AUTH.SIGN_IN_SUCCESS:
  case AUTH.SIGN_IN_ERROR:
    return {
      ...state,
      showSpinner: false

talyssonoc

{
  (isTouched || isSubmited) && !isValid && <ErrorMessage errors={errors} />
}

{
  isValid && isSubmited && !errors && <Spinner />
}

talyssonoc

{
  (currentState === States.INVALID) && <ErrorMessage errors={errors} />
}

{
  (currentState === States.SUBMITTING) && <Spinner />
}

talyssonoc

import Auth from '../domain/auth';
import { AUTH } from './actionTypes';

const States = {
  PRISTINE: 'PRISTINE',
  VALID: 'VALID',
  INVALID: 'INVALID',
  SUBMITTING: 'SUBMITTING',
  SUCCESS: 'SUCCESS'
};

talyssonoc

const loadProductsAction = () => (dispatch, _, container) => {
  dispatch(showSpinner());
  
  container.loadProducts({
    onSuccess: (products) => {
      dispatch(receiveProducts(products));
      dispatch(hideSpinner());
    },
    onError: (error) => {
      dispatch(loadProductsError(error));