Alan B Smith alanbsmith

import React, { Component, PropTypes } from 'react';
import { connect } from 'react-redux';

class Form extends Component {
  constructor(props) {
    super(props);
    
    this.state = {
      errors: {

Building A React Component Library

`$ whoami`

Alan Smith
@_alanbsmith -> Twitter
@alanbsmith -> Github

What's the purpose of this talk?

To encourage you to create and publish your own reusable components

Thin Crust Pizza Recipe

YIELD

This recipe yields 2 14" pizzas 🍕🍕

INGREDIENTS

DOUGH

1 packet yeast
1 tsp sugar (or honey or whatever)

Module Development Workflow

Overview

This is a suggested workflow for building npm modules locally. The particular context will be focused on building a React component lib, but the workflow can be applied for any npm module.

Linking

yarn link is a really great tool for local development. It builds a global npm module that is symlinked to your local repo. So when you make a change to the repo, the global module is automatically updated.

LS Color Palette

source

honeycomb: #e9ba26
slushie: #5fb8dd
frosting: #ea0b8c
clementine: #f0812b
aloe: #50886b
grape: #92278f
berry: #508395

This is the recipe I used to make Chili for the Post-Turing bash. It was well received. The source is this gnarly sounding blog called Alaska from scratch

Ingredients

1lb ground turkey, beef, or moose (I used moose)
1 onion, chopped
4 cloves of garlic, smashed and minced
1/3c tomato paste
1 (14oz) can diced tomatoes (or tomato sauce, your preference)
1 (14oz) can red kidney beans, rinsed

├ src/
├── blocks/
| ├── Card/
| | ├── Header.js
| | ├── Image.js
| | ├── Text.js
| | ├── Title.js
| | └── index.js // <- Block

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>JS Bin</title>
	<style id="jsbin-css">
	body {
	background-color: #E0E6ED;
	color: #1F2D3D;

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>JS Bin</title>
	<style id="jsbin-css">
	body {
	background-color: #E0E6ED;
	color: #1F2D3D;

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>JS Bin</title>
	<style id="jsbin-css">
	/* colors */
	/* animation */
	@keyframes bounce {