pocotan001

• 🎨 when improving the format/structure of the code
• 🚀 when improving performance
• ✏️ when writing docs
• 💡 new idea
• 🚧 work in progress
• ➕ when adding feature
• ➖ when removing feature
• 🔈 when adding logging
• 🔇 when reducing logging
• 🐛 when fixing a bug

pocotan001

// globals.js
// https://gist.github.com/pocotan001/6305714
// Finding improper JavaScript globals

(function() {
    var prop, cleanWindow,
        globals = new function globals() {},
        body = document.body,
        iframe = document.createElement('iframe'),
        ignore = {

pocotan001

/*
# .ico-
*/
[class^="ico-"]::before,
[class*=" ico-"]::before {
	display: inline-block;
	content: "";
	vertical-align: middle;
}
[class^="ico-"]:not(:empty)::before,

pocotan001

const error = new Error('unicorn')
const serialized = JSON.stringify(error, ['name', 'message', 'stack'])

console.log(error) // { name: 'Error', message: 'unicorn', stack: 'Error: unicorn\n    at Object.<anonymous> …' }

pocotan001

const n = 10

Array.apply(null, Array(n)).forEach( … )

// or
[...Array(n).keys()].forEach( … )

// or
Array(n).fill().forEach( … )

pocotan001

const ABC = ["a", "b", "c"];

ABC.reduce((acc, key) => {
  acc[key] = `${key}!`;

  return acc;
}, Object.create(null));

ABC.reduce(
  (acc, key) => Object.assign(acc, { [key]: `${key}!` }),

pocotan001

@charset "UTF-8";

/* ================================================== [ Reset ] */

* {
	margin: 0;
	padding: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;

pocotan001

import pathToRegexp from 'path-to-regexp'
import queryString from 'query-string'

export default class Route {
  /**
   * @param {string}   path
   * @param {Function} handler
   */
  constructor (path, handler) {
    this.path = path

pocotan001

import { EventEmitter } from 'events'
import Dispatcher from '../Dispatcher'

const CHANGE_EVENT = 'change'

/**
 * Extend certain stores from a this `Store` class
 */
export default class Store extends EventEmitter {
  emitChange () {

pocotan001

removeReactIds() {
  const children = this.el.querySelectorAll('[data-reactid]');

  this.el.removeAttribute('data-reactid');
  Array.prototype.forEach.call(children, (child) => {
    child.removeAttribute('data-reactid');
  });
}