aVolpe

import React, { Component } from 'react';

class EmbeddedGist extends Component {

  constructor(props) {
      super(props);
      this.gist = props.gist;
      this.file = props.file;
      this.stylesheetAdded = false;
      this.state = {

heygrady

Avoiding HOC; Favoring render props

The React community is moving away from HOC (higher order components) in favor of render prop components (RPC). For the most part, HOC and render prop components solve the same problem. However, render prop components provide are gaining popularity because they are more declarative and flexible than an HOC.

Read more:

• Use a render prop
• Breaking up with HOC
• HOC vs. render props
• React HOC docs
• React render props docs

WebReflection

import {define as hookedDefinition} from 'hooked-elements'; // or wicked-
import css from 'ustyler';

export const define = (selector, definition) => {
  // let the library throw on duplicated selectors
  const result = hookedDefinition(selector, definition);
  // add styles for this selector
  if (definition.style) css(definition.style);
  // return the wicked/hooked magic 🌈
  return result;