Tom Allen tomjamesallen
tomjamesallen
/ ScrollContainerHoC.js
Last active
November 21, 2016 09:25
Smooth scroll to an element using CSS transitions
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
| // http://www.webpackbin.com/4kQWKVe-M | |
| import React, {Component, Children, PropTypes} from "react"; | |
| import classnames from "classnames"; | |
| const getScrollDefaults = () => ({ | |
| scrollingToTop: false, | |
| offsetScroll: 0, | |
| scrollTo: 0 | |
| }); |
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) { | |
| // Report clicks to parent. | |
| $(function () { | |
| if (!window.parent) return; | |
| $('a').bind('click', function(e) { | |
| e.preventDefault(); | |
| var href = $(this).attr('href'); | |
| var target = $(this).attr('target'); | |
| window.parent.postMessage({ |
tomjamesallen
/ javascript-redux-reducer-composition-with-arrays.html
Created
July 8, 2016 09:39
— forked from anonymous/index.html
JS Bin// source http://jsbin.com/sorewavuce
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"> |
tomjamesallen
/ javascript-redux-writing-a-todo-list-reducer-adding-a-todo.html
Created
July 7, 2016 22:14
— 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"> |
tomjamesallen
/ javascript-redux-avoiding-object-mutations-with-object-assign-and-spread.html
Created
July 7, 2016 22:08
— 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"> |
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"> |
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-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-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-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> |