joshblack

const styles = {}

styles.base = {
  width: '150px',
  height: '150px',
  background: 'mediumorchid',
  transition: '0.35s all ease-in-out'
};

styles.circle = {

joshblack

function fill(amount, item) {
  const a = Array(amount),
        i = j = 0;
  
  for (i; i < amount; i++) {
    a[j++] = item;
  }
  
  return a;
}

joshblack

function measure(target, name, descriptor) {
  const fn = descriptor.value;

  descriptor.value = async function () {
    const mark = `mark_${name}`;
    
    performance.mark(mark);
    const result = await fn();
    performance.measure(mark);
    

joshblack

function particle() {
  const node = document.createElement('div');
  node.style.position = 'absolute';
  
  return document.body.appendChild(node);
}

function position(particle, pv) {
  const { translate } = transform,
        p = pv.map((p) => px(p));

joshblack

// particle

// particle() -> DOM node
function particle() {
  const node = document.createElement('div');
 
  node.style.background = 'black';
  node.style.position = 'absolute';
  node.style.width = px(50);
  node.style.height = px(50);

joshblack

const transform = {
  translate(x, y) {
    return transformFunction('translate', x, y);
  }
}

function transformFunction(property, ...values) {
  return `${property}(${values.join(', ')})`;
}

joshblack

  const transform = {
  translate(x, y) {
    return transformFunction('translate', x, y);
  }
}

function transformFunction(property, ...values) {
  return `${property}(${values.join(', ')})`;
}

joshblack

function logger(target, name, descriptor) {
  const fn = descriptor.value;
  
  descriptor.value = function (...args) {
    console.log(`Calling ${name} with:\n${args.join('\n')}`);
    console.log(args);
    
    const result = fn.apply(target, args);
    
    console.log(`Result:\n${result}`);

joshblack

import Radium from 'radium';
import { PropTypes } from 'react';

export default class Image {
  static propTypes = {
    src: PropTypes.string.isRequired,
    alt: PropTypes.string.isRequired
  }

  render() {

joshblack

{ 
  isJSXAttribute: [Function],
  assertJSXAttribute: [Function],
  isJSXClosingElement: [Function],
  assertJSXClosingElement: [Function],
  isJSXElement: [Function],
  assertJSXElement: [Function],
  isJSXEmptyExpression: [Function],
  assertJSXEmptyExpression: [Function],
  isJSXExpressionContainer: [Function],