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

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

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

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,

tricoder42

# top-most EditorConfig file
root = true

# Unix-style newlines with a newline ending every file
[*]
charset = utf-8
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true

tricoder42

exports.config = {
    allScriptsTimeout: 11000,

    specs: [
        'e2e/**/*.coffee'
    ],

    multiCapabilities: [
        {
//            'browserName': 'Safari'

tricoder42

# BAD:
from production import *

# Good (my personal preference):
from myproject.settings.production import *

# Good (probably your choice):
from .production import *