okonet

class ScrollPane extends React.Component {
 componentDidUpdate() {
  // Each time we get new props we set the 
  // new scrollTop position on the DOM element
  this.el.scrollTop = this.props.scrollTop
 }
 render() {
  <div ref={(el) => {this.el = el}}>
 }
}

okonet

export default class ScrollPane extends Component {

  static contextTypes = {
    registerPane: PropTypes.func.isRequired,
    unregisterPane: PropTypes.func.isRequired
  };

  componentDidMount() {
    this.context.registerPane(this.el)
  }

okonet

handleScroll = (evt) => {
  // Calculate new scrollTop positions
  // for left and right panes based on
  // DOM nodes and evt.target.scrollTop
  this.leftPaneScrollTop = …
  this.rightPaneScrollTop = …
 }

okonet

var path = require('path');
var webpack = require('webpack');
var ManifestPlugin = require('webpack-manifest-plugin');
var ChunkManifestPlugin = require('chunk-manifest-webpack-plugin');
var WebpackMd5Hash = require('webpack-md5-hash');

module.exports = {
  entry: {
    vendor: './src/vendor.js',
    main: './src/index.js'

okonet

made with esnextbin

okonet

[core]
	excludesfile = ~/.gitignore
	autocrlf = false
	pager = diff-so-fancy | less --tabs=4 -RFX
[alias]
	st = status -sb
	ci = commit
	co = checkout
	br = branch
	df = diff --word-diff

okonet

made with esnextbin

okonet

made with esnextbin

okonet

made with esnextbin

okonet

<Card>
    <h4 className="TaskListItem_title">
        <span className="TaskListItem_icon-type">
            <Icon name={iconMap[type]}/>
        </span>
        {title} <span className="TaskListItem_id">#{id}</span>
    </h4>

    <div className="TaskListItem_stats">
        <p className="TaskListItem_stat-item"><Icon name="code-fork"/> {commits}</p>