givingwu

// Load plugins
var gulp = require('gulp'),
    sass = require('gulp-ruby-sass'),
    autoprefixer = require('gulp-autoprefixer'),
    minifycss = require('gulp-minify-css'),
    jshint = require('gulp-jshint'),
    uglify = require('gulp-uglify'),
    imagemin = require('gulp-imagemin'),
    rename = require('gulp-rename'),
    clean = require('gulp-clean'),

givingwu

(() => {
  ['white', 'silver', 'gray', 'black', 'red', 'maroon', 'yellow', 'olive', 'lime',
   'green', 'aqua', 'teal', 'blue', 'navy', 'fuchsia', 'purple'
  ].forEach(color => {
    console[color] = (...args) => {
      console.log(`%c${args.join(' ')}`, `color:${color}`)
    }
    console[`${color}B`] = (...args) => {
      console.log(`%c${args.join(' ')}`, `color:${color};font-weight:bold`)
    }

givingwu

// connect() is a function that injects Redux-related props into your component.
// You can inject data and callbacks that change that data by dispatching actions.
function connect(mapStateToProps, mapDispatchToProps) {
  // It lets us inject component as the last step so people can use it as a decorator.
  // Generally you don't need to worry about it.
  return function (WrappedComponent) {
    // It returns a component
    return class extends React.Component {
      render() {
        return (