tricoder42

export const fetchSaga = (entity, api) => function* ({ payload }) {
  try {
    const data = yield call(api, payload)
    yield put(entity.response(data))
  }
  catch(error) {
    yield put(entity.response(error))
  }
}

tricoder42

module Y2017.M06.D07.Exercise where

{--
So, here's one of the questions Amazon asks developers to test their under-
standing of data structures.

You have a binary tree of the following structure:

        A
       / \

tricoder42

const mapStateToProps = (state) => ({
  todos: allTodos(state)  // instead of state.todos
})

tricoder42

const initialState = {
  user: null
}

const getUser = state => state.user
const isAuthenticated = state => Boolean(getUser(state))

tricoder42

const initialState = {
  todos: []
}

const reducer = (state = initialState, action = {}) => {
  if (action.type === 'ADD_TODO') {
      return {
        ...state,
        todos: [...state.todos, action.payload]
      }

tricoder42

// message is constructed using helper functions
const HelperFunction = ({count}) =>
  <Trans>
    {plural(count, {
      one: "One glass",
      other: "# glasses"
    })} or wine
  </Trans>
  
// message written using template literals

tricoder42

// just a helper function
const updateComponent = (component, newState) => component.setState(newState)


// 1st approach using redux-promise. Actions returns promises, so component
// can trigger actions when promise is resolved.
const handleEventPromise = (props) => (event) => {
  this.props.action({...})
  .then((payload) => updateComponent(this, {...}))
}

tricoder42

// Is there any difference? (In performance for example?)

// A: Using default values in object destructuring
const A = ({
  value = "",
  foo = "bar",
  ...props
}) => {};

tricoder42

# Append to your urls.py file.

# Development
from django.conf import settings

if settings.DEBUG:
    from django.conf.urls.static import static
    from django.contrib.staticfiles.urls import staticfiles_urlpatterns
    media = static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
    urlpatterns = media + staticfiles_urlpatterns() + urlpatterns

tricoder42

const PureInput = React.createClass({
  propTypes: {
    name: React.PropTypes.string.isRequired,

    label: React.PropTypes.string,
    type: React.PropTypes.string,
    placeholder: React.PropTypes.string,

    // value/callback pair
    value: React.PropTypes.string,