ilya-korotya

new Vue({
  el: "#app",

  mounted() {
    this.state = this.lightMachine.initial;
    setInterval(() => {
      this.state = this.lightMachine.transition(this.state, "TIMER").value;
    }, 3000);
  },

ilya-korotya

const isEven = x => x%2 === 0
const isBigThan = size => int => int > size
const pluceValue = value => int => value + int
const isInInterval = (start, end) => int => start < int && end > int 

let res = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
 .filter(isEven)
 .filter(isBigThan(5))
 .map(pluceValue(2))
 .filter(isInInterval(7, 10))

ilya-korotya

{
  "name": "webpack-starter",
  "version": "1.0.0",
  "description": "simple webpack config",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "prebuild": "npm install",
    "build": "cross-env production=true webpack --config webpack.config.js --progress --colors",
    "prestart": "npm install",

ilya-korotya

const gulp = require('gulp'),
    sass = require('gulp-sass'),
    postcss = require('gulp-postcss'),
    autoprefixer = require('autoprefixer'),
    mqpacker = require('css-mqpacker'),
    sourcemaps = require('gulp-sourcemaps'),
    debug = require('gulp-debug'),
    gulpIf = require('gulp-if'),
    del = require('del'),
    newer = require('gulp-newer'),

ilya-korotya

var gulp          = require('gulp'),
  sass            = require('gulp-sass'),
  autoprefixer    = require('gulp-autoprefixer'),
  csso            = require('gulp-csso'),
  rename          = require("gulp-rename"),
  plumber         = require('gulp-plumber'),
  notify          = require("gulp-notify"),
  watch           = require('gulp-watch'),
  browserSync     = require('browser-sync').create(),
  imagemin        = require('gulp-imagemin'),

ilya-korotya

function proxyOptional(obj, evalFunc, def) {
  const handler = {
    get: function(target, prop, receiver) {
      const res = Reflect.get(...arguments);
      return typeof res === "object" ? proxify(res) : res != null ? res : def;
    }
  };

  const proxify = target => {
    return new Proxy(target, handler);

ilya-korotya

$breakpoints: (
  'medium': (min-width: 200px),
  'large': (min-width: 400px),
  'huge': (min-width: 600px),
);

@mixin respond-to($breakpoint) {
  @if map-has-key($breakpoints, $breakpoint) {
    @media #{inspect(map-get($breakpoints, $breakpoint))} {
      @content;