jonsherrard

import React from 'react'

const renderProps = (ComponentOrFunction, props) => (
  ComponentOrFunction.propTypes || ComponentOrFunction.prototype.render
    ? <ComponentOrFunction {...props} />
    : ComponentOrFunction({
      ...(ComponentOrFunction.defaultProps || {}),
      ...props,
    })
)

jonsherrard

background-image: repeating-linear-gradient(to right,   #E70000 0px, #E70000 16.66666%,   #FF8C00 16.666666%, #FF8C00 33.333333%,   #FFEF00 33.3333333%, #FFEF00 50%,  #00811F 50%, #00811F 66.6666666%,   #0044FF 66.666666%, #0044FF 83.3333333333%,   #760089 83.333333px,#760089 100%)

jonsherrard

import React from 'react'
import { render } from 'react-dom'

import SomeComponent from './some-component-in-the-project.js'

import Md from 'markdown-library'

const Blog = (props) =>
  <Md>
    # My blog post

jonsherrard

import React, { Component } from 'react'

class Accordian extends Component {
  render() {
    return (
      <img src="https://68.media.tumblr.com/c4aed1e6b5b33f1d3902ecd8dcae6ef5/tumblr_o7odnl5H2N1rfd7lko1_500.gif"/>
     )
  }
}

jonsherrard

class Post extends Component {

    static loadProps(routeParams) { // from WordPress API
        return [
            `posts?filter[slug]=${routeParams.post.slug}`,
            `menus?filter[name]=main`,
            `options`
        ] 
    }
}

jonsherrard

(also know as lies and/or alternative facts)

js

• setImmediate - doesn't set anything immediately, waits for a tick before executing
• setTimeout(fn, n) - never sets the timeout to exactly n
• Math.random() - computers cannot generate random numbers
• Promise - is a lie when rejected
• Array.reduce - accumulates, does not reduce (via @sbmadhav)

jonsherrard

<?php

class WordpressSite {
  public $base_folder = "/Users/jonsherrard/projects/";

  function __construct($project_name) {
    $this->location = $this->base_folder.$project_name;
    $this->project_name = $project_name;
  }

jonsherrard

<style>
.senti-poll-question {
  font-size: 32px;
}

.btn.senti-poll-vote-button {
  background: #161616;
  color: white;
  border-radius: 0px !important;
  cursor: pointer;

jonsherrard

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>NEVER UNDERDRESSED</title>
<span class="preheader" style="display: none !important; visibility: hidden; font-size: 0; max-height: 0; line-height: 0; margin: 0; mso-hide: all">A Never Underdressed email</span>
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif" id="wrapper">
    <tbody>
        <tr>
            <td height="30" class="spacer"></td>
        </tr>
        <tr>
            <td>

jonsherrard

import { StyleSheet, css } from 'aphrodite/no-important'

export default StyleSheet.create({
  base: {
    fontFamily: 'Helvetica Neue',
    fontSize: '1.1em',
    fontWeight: 300,
    '-webkit-font-smoothing': 'antialiased'

  },