Eric Elliott ericelliott

## chat-reducer-sans-boilerplate.js
const chatReducer = (state = defaultState, action = {}) => {
  const { type, payload } = action;
  switch (type) {
    case ADD_CHAT:
      return Object.assign({}, state, {
        chatLog: state.chatLog.concat(payload)
      });

    // Catch all simple changes
    case CHANGE_STATUS:

## fp-lingo.md

      
              1 file
            
          
              14 forks
            
          
              6 comments
            
          
              86 stars
            
          
                ericelliott
                / fp-lingo.md
            
            
              Last active
              February 2, 2023 23:33
            
              
                A Guide to Functional Programming Lingo for JavaScripters
              
          
    A Guide to Functional Programming Lingo for JavaScripters

Functional programming gets a bad wrap about being too hard for mere mortals to comprehend. This is nonsense. The concepts are actually quite simple to grasp.
The jargon is the hardest part. A lot of that vocabulary comes from a specialized field of mathematical study called category theory (with a liberal sprinkling of type theory and abstract algebra). This sounds a lot scarier than it is. You can do this!
All examples using ES6 syntax. wrap (foo) => bar means:
function wrap (foo) {

  
## getenv.js
var env = process.env;

Object.keys(env).forEach(function(key) {
  console.log('export ' + key + '="' + env[key] +'"');
});

## react-reusable-component.md

      
              1 file
            
          
              6 forks
            
          
              3 comments
            
          
              26 stars
            
          
                ericelliott
                / react-reusable-component.md
            
            
              Last active
              December 26, 2022 07:05
            
              
                React - Complete Reusable Component
              
          
    React Reusable Component Factory

'use strict';

const ENTER_KEY = 13;

const emailFactory = function ({
  React,
  setEmail,

  
## new-feature-template.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                ericelliott
                / new-feature-template.md
            
            
              Created
              December 1, 2022 17:50
            
              
                New Feature Issue Template
              
          
    Route

/path/to/feature
User story / job story


## jsbin-template.html
<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.rawgit.com/zloirock/core-js/master/client/shim.min.js"></script>
<script src="https://wzrd.in/standalone/tape@latest"></script>
  <script src="https://wzrd.in/standalone/tap-browser-color@latest"></script>
<script src="//fb.me/react-with-addons-0.14.3.js"></script>
<script src="//fb.me/react-dom-0.14.3.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>

## model-mixin.js
import Events from 'eventemitter3';

const modelMixin = Object.assign({
  attrs: {},
  set (name, value) {
    this.attrs[name] = value;

    this.emit('change', {
      prop: name,
      value: value

## functional-mixin-example.js
import Events from 'eventemitter3';

const rawMixin = function () {
  const attrs = {};

  return Object.assign(this, {
    set (name, value) {
      attrs[name] = value;

      this.emit('change', {

## wait.js
const wait = time => new Promise((resolve) => setTimeout(resolve, time));

wait(3000).then(() => console.log('Hello!')); // 'Hello!'

## naive-runtime-type-checking.js
const fn = (fn, {required = []}) => (params = {}) => {
  const missing = required.filter(param => !(param in params));

  if (missing.length) {
    throw new Error(`${ fn.name }() Missing required parameter(s):
    ${ missing.join(', ') }`);
  }

  return fn(params);
};
	const chatReducer = (state = defaultState, action = {}) => {
	const { type, payload } = action;
	switch (type) {
	case ADD_CHAT:
	return Object.assign({}, state, {
	chatLog: state.chatLog.concat(payload)
	});

	// Catch all simple changes
	case CHANGE_STATUS:
	var env = process.env;

	Object.keys(env).forEach(function(key) {
	console.log('export ' + key + '="' + env[key] +'"');
	});
	<!DOCTYPE html>
	<html>
	<head>
	<script src="https://cdn.rawgit.com/zloirock/core-js/master/client/shim.min.js"></script>
	<script src="https://wzrd.in/standalone/tape@latest"></script>
	<script src="https://wzrd.in/standalone/tap-browser-color@latest"></script>
	<script src="//fb.me/react-with-addons-0.14.3.js"></script>
	<script src="//fb.me/react-dom-0.14.3.js"></script>
	<meta charset="utf-8">
	<title>JS Bin</title>
	import Events from 'eventemitter3';

	const modelMixin = Object.assign({
	attrs: {},
	set (name, value) {
	this.attrs[name] = value;

	this.emit('change', {
	prop: name,
	value: value
	import Events from 'eventemitter3';

	const rawMixin = function () {
	const attrs = {};

	return Object.assign(this, {
	set (name, value) {
	attrs[name] = value;

	this.emit('change', {
	const wait = time => new Promise((resolve) => setTimeout(resolve, time));

	wait(3000).then(() => console.log('Hello!')); // 'Hello!'
	const fn = (fn, {required = []}) => (params = {}) => {
	const missing = required.filter(param => !(param in params));

	if (missing.length) {
	throw new Error(`${ fn.name }() Missing required parameter(s):
	${ missing.join(', ') }`);
	}

	return fn(params);
	};