Tom Allen tomjamesallen
tomjamesallen
/ gist:d0e4451bde9e414be0d8
Created
October 2, 2014 10:52
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // A starting point for js plugins. | |
| (function (window, $) { | |
| var plugin = function (options, initOnAssign) { | |
| var api = {}, op; | |
| // Establish plugin defaults. | |
| var defaults = { | |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| ;(function (window, $) { | |
| var plugin = function (options, initOnAssign) { | |
| var api = {}, op; | |
| // Establish plugin defaults. | |
| var defaults = { | |
| // documentReady, windowLoad, immediate | |
| initOn: 'windowLoad', | |
| }; |
tomjamesallen
/ addPropsRecursively.js
Created
April 4, 2016 10:11
Add multiple props to a react element and all child elements.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React from 'react' | |
| export default function addPropsRecursively(el, props) { | |
| let cloneChildren = [] | |
| React.Children.forEach(el.props.children, (child) => { | |
| let replacement = addPropsRecursively(child, props) | |
| cloneChildren.push(replacement) | |
| }) |
tomjamesallen
/ QueryLink.react.js
Created
April 20, 2016 14:56
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React, { PropTypes } from 'react' | |
| import ConnectToStores from '../mixins/ConnectToStores' | |
| import RouteStore from '../stores/RouteStore' | |
| import assign from 'object-assign' | |
| import { Link } from 'react-router' | |
| function getState() { | |
| const route = RouteStore.getRoute() | |
| if (!route.location || !route.params) return {} | |
| return { |
tomjamesallen
/ artist-filter-stuff.js
Created
May 9, 2016 16:08
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Store | |
| state = { | |
| artists: [], | |
| filteredArtists: [], | |
| currentRange: null, | |
| currentProduct: null | |
| } | |
| // Helper. |
tomjamesallen
/ javascript-redux-writing-a-counter-reducer-with-tests.html
Last active
July 7, 2016 21:21
— forked from anonymous/index.html
JS Bin// source http://jsbin.com/lecicimara
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <script src="https://fb.me/react-0.14.3.min.js"></script> | |
| <script src="https://fb.me/react-dom-0.14.3.min.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/redux/3.0.4/redux.min.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/react-redux/4.0.0/react-redux.js"></script> | |
| <script src="https://npmcdn.com/expect/umd/expect.min.js"></script> | |
| <meta charset="utf-8"> | |
| <title>JS Bin</title> |
tomjamesallen
/ javascript-redux-store-methods-getstate-dispatch-and-subscribe.html
Created
July 7, 2016 21:28
— forked from anonymous/index.html
JS Bin// source http://jsbin.com/lecicimara
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <script src="https://fb.me/react-0.14.3.min.js"></script> | |
| <script src="https://fb.me/react-dom-0.14.3.min.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/redux/3.0.4/redux.min.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/react-redux/4.0.0/react-redux.js"></script> | |
| <script src="https://npmcdn.com/expect/umd/expect.min.js"></script> | |
| <meta charset="utf-8"> | |
| <title>JS Bin</title> |
tomjamesallen
/ javascript-redux-implementing-store-from-scratch.html
Created
July 7, 2016 21:35
— forked from anonymous/index.html
JS Bin// source http://jsbin.com/lecicimara
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <script src="https://fb.me/react-0.14.3.min.js"></script> | |
| <script src="https://fb.me/react-dom-0.14.3.min.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/redux/3.0.4/redux.min.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/react-redux/4.0.0/react-redux.js"></script> | |
| <script src="https://npmcdn.com/expect/umd/expect.min.js"></script> | |
| <meta charset="utf-8"> | |
| <title>JS Bin</title> |
tomjamesallen
/ javascript-redux-react-counter-example.html
Created
July 7, 2016 21:43
— forked from anonymous/index.html
JS Bin// source http://jsbin.com/lecicimara
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <script src="https://fb.me/react-0.14.3.min.js"></script> | |
| <script src="https://fb.me/react-dom-0.14.3.min.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/redux/3.0.4/redux.min.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/react-redux/4.0.0/react-redux.js"></script> | |
| <script src="https://npmcdn.com/expect/umd/expect.min.js"></script> | |
| <meta charset="utf-8"> | |
| <title>JS Bin</title> |
tomjamesallen
/ javascript-redux-avoiding-array-mutations-with-concat-slice-and-spread.html
Created
July 7, 2016 22:00
— forked from anonymous/index.html
JS Bin// source http://jsbin.com/lecicimara
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <script src="https://fb.me/react-0.14.3.min.js"></script> | |
| <script src="https://fb.me/react-dom-0.14.3.min.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/redux/3.0.4/redux.min.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/react-redux/4.0.0/react-redux.js"></script> | |
| <script src="https://npmcdn.com/expect/umd/expect.min.js"></script> | |
| <script src="https://wzrd.in/standalone/deep-freeze@latest"></script> | |
| <meta charset="utf-8"> |
OlderNewer