The arrow function notation (=>) available in ES6 can help you reduce a lot of the syntaxic noise that we had to cope with in the past. This is especially true for function just returning objects such as most action creators, mapStateToProps and mapActionToProps implementation in Redux.

Let’s look at an hypothetical action creator method.

export function createCourse(course) {
  return {
    type: 'CREATE_COURSE', 
    course: course

In ES6, we can significantly simplify this code by

That would be the end result

export const createCourse = (course) => ({
    type: 'CREATE_COURSE', 

I really like the terse yet clear and expressive outcome of this transformation.