evenstensberg

import React from "react";
import { render } from "react-dom";

const ParentComponent = React.createClass({
  getDefaultProps: function() {
    console.log("ParentComponent - getDefaultProps");
  },
  getInitialState: function() {
    console.log("ParentComponent - getInitialState");
    return { text: "" };

evenstensberg

// Production steps of ECMA-262, Edition 6, 22.1.2.1
// Reference: https://people.mozilla.org/~jorendorff/es6-draft.html#sec-array.from
if (!Array.from) {
  Array.from = (function () {
    var toStr = Object.prototype.toString;
    var isCallable = function (fn) {
      return typeof fn === 'function' || toStr.call(fn) === '[object Function]';
    };
    var toInteger = function (value) {
      var number = Number(value);

evenstensberg

if (
  process.env.NODE_ENV === 'production' &&
  window.__REACT_DEVTOOLS_GLOBAL_HOOK__ &&
  Object.keys(window.__REACT_DEVTOOLS_GLOBAL_HOOK__._renderers).length
) {
  window.__REACT_DEVTOOLS_GLOBAL_HOOK__._renderers = {}
}

evenstensberg

function pureRenderMixin(Component) {
  Component.prototype.shouldComponentUpdate(nextProps, nextState) {
    return !shallowEqual(this.props, nextProps) ||
           !shallowEqual(this.state, nextState);
  }
  
  return Component;
}

class MyComponent extends React.Component {}

evenstensberg

What kind of sound does a mathematical bird make?

𝝅*p

evenstensberg

Testing output

Paste this somewhere in a generator

this.configuration.webpackOptions.entry = {
vendor: 'home',
js: 'yes',
ohye: 'no'
};

evenstensberg

var path = require('path');
var webpack = require('webpack');

module.exports = {
	devtool: 'eval',
	entry: [
		'./src/index'
	],
	output: {
		path: path.join(__dirname, 'dist'),

evenstensberg

var path = require('path');
var webpack = require('webpack');

module.exports = {
	devtool: 'eval',
	entry: [
		'./src/index'
	],
	output: {
		path: path.join(__dirname, 'dist'),

evenstensberg

# Get outer pID so we can exit it later
trap "exit 9" TERM
TOP_PID=$$

# Get pID of chrome (requires you to have pidof on your computer)
# http://brewformulas.org/Pidof
PidName=`pidof chrome`

found=false

evenstensberg

Work

This script helps you start your development by opening your project in vscode, its github repository and optionally slack.

Usage

work react

Installation