mgmgpyaesonewin

import { css } from 'styled-components';

const sizes = {
  desktop: 992,
  tablet: 768,
  phone: 376,
};


export const media = Object.keys(sizes).reduce((sum, label) => {

mgmgpyaesonewin

let res = [ [ 8, 5, 11 ], [ 6, 3, 9 ] ]
res = [].concat(...res);
return res;

// output -> [ 8, 5, 11, 6, 3, 9 ]

mgmgpyaesonewin

function number_with_commas(x) {
  return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')
}

mgmgpyaesonewin

let a = Object.create(null); // => {}
let a = {}; // => {}

mgmgpyaesonewin

var arr = [3, 5, 7];
arr.foo = 'hello';

for (var i in arr) {
   console.log(i); // logs "0", "1", "2", "foo"
}

for (var i of arr) {
   console.log(i); // logs 3, 5, 7
}

mgmgpyaesonewin

let arr = ['label one', 1, 'label two', 2, 'label 3', 3];

arr.chunk(2)
   .map(([label, value]) => ({ label, value }));

mgmgpyaesonewin

Object.defineProperty(Array.prototype, 'chunk', {
  value: function(n) {

    // ACTUAL CODE FOR CHUNKING ARRAY:
    return Array.range(Math.ceil(this.length/n)).map((x,i) => this.slice(i*n,i*n+n));

  }
});

mgmgpyaesonewin

_.reduce(code, function(memo, current) { return _.assign(memo, current) },  {})

mgmgpyaesonewin

for (var i=0;i<100;i++) {
    let generated = window.randomstring.generate(4);
    code.push({
        [`R${generated}`] : {
            used: false,
            [`R${generated}A`] : {
                used: false,
            },
            [`R${generated}B`] : {
                used: false,

mgmgpyaesonewin

<template>
  <div>
    <v-container align-content-center>
      <v-layout class="px-4 pt-4 pt-2">
        <v-flex>
          <v-form v-model="valid">
            <div class="py-1">
              <v-text-field
                v-model="name"
                :rules="nameRules"