let state = {
    name: 'xgqfrms',
    age: 23,
    role: 'admin'
};


// old way to change state

state.role = 'root';

return state;

// new way to change state

return state = {
    name: 'xgqfrms',
    age: 23,
    role: 'root'
};



// no need full hand copy, ES6 Object.assign()



Object.assign(target, ...sources);


Object.assign({}, state, {role: 'root'});

function doSomething(name) {
  console.log('Hello, ' + name);
}

function loggingDecorator(wrapped) {
  return function() {
    console.log('Starting');
    const result = wrapped.apply(this, arguments);
    console.log('Finished');
    return result;
  }
}

const wrapped = loggingDecorator(doSomething);

wrapped(`xgqfrms`);

   gulp.task('connect',function(){
        connect.server({
            root: [outputDir],
            port: 8000,
            livereload: true,
            // open: { browser: 'Google Chrome'}
       });
    });

gulp.task('connect',function(){
  connect.server({
  root: [outputDir],
  //port: 8080,
     livereload: true
  //open: { browser: 'Google Chrome'}
  //error ?
  });
 });