Skip to content

Instantly share code, notes, and snippets.

View hshoff's full-sized avatar
📊

Harrison Shoff hshoff

📊
View GitHub Profile
@hshoff
hshoff / .block
Created August 26, 2017 23:18
React V16 + D3 + Force
license: mit
@hshoff
hshoff / .block
Last active August 26, 2017 23:18
React V16 + D3 + Force
license: mit
@hshoff
hshoff / .block
Last active August 26, 2017 23:11
React V16 + D3 + Force
license: mit
@hshoff
hshoff / .block
Last active August 26, 2017 22:46
React V16 + D3 + Force
license: mit
@hshoff
hshoff / .block
Last active August 26, 2017 22:43
React V16 + D3 + Force
license: mit
@hshoff
hshoff / .block
Last active August 26, 2017 22:21
React V16 + D3 + Force
license: mit
@hshoff
hshoff / .block
Last active August 26, 2017 22:09
React V16 + D3 + Force
license: mit
@hshoff
hshoff / Brush.js
Created April 18, 2017 23:57
@vx/brush sketch
import React from 'react';
export default function Brush({ brush }) {
const { start, end, dragging } = brush;
return (
<g className="vx-brush">
{start && dragging &&
<circle
cx={start.x}
cy={start.y}
@hshoff
hshoff / space.js
Created August 8, 2016 22:11
Spacing
import React from 'react';
import cx from 'classnames';
export default function Spacing(Component) {
return (props) => {
const { spaceTop, spaceBottom } = props;
const classes = cx({
[`space-top-${spaceTop}`]: !!spaceTop,
[`space-${spaceBottom}`]: !!spaceBottom,
});
@hshoff
hshoff / react-native-live-slack-notes.md
Created January 29, 2015 18:39
react-native-live-slack-notes

3 pillars that make an app native:

  1. touch handling (edited)
  2. native components
  3. style & layout diving in to ReactKit in xcode you can pass in css props and the native element will translate setting the views happens in the main thread but that's the only thing happening in the main thread not transpiling js to obj-c running a real js engine