eduard-tkv

var webpack = require('webpack')
var path = require('path')

var BUILD_DIR = path.resolve(__dirname + '/build')
var APP_DIR = path.resolve(__dirname + '/app')

var config = {
  entry: ["babel-polyfill", APP_DIR + '/index.js']
, output: {
    path: BUILD_DIR

eduard-tkv

//using ES6
import React from 'react';

class App extends React.Component {

  constructor(props) {
    super(props)
    this.handleClick = this.handleClick.bind(this)
  }

eduard-tkv

// index.js
import App from './components/App';

ReactDOM.render(
<BrowserRouter>
  <App store={store} />
</BrowserRouter>, document.getElementById('app'));
  
// App.js
import SubmitListing from './SubmitListing';

eduard-tkv

//components/CountWidget.js
import React from 'react';

let CountWidget = ({count, handleClick})=>{
	return(
		<div>
			<p>Count: {count}</p>
			<button onClick={handleClick}>Increment</button>
		</div>
	)

eduard-tkv

//App.js
import React, { Component } from 'react';

import {incrementCount} from '../actions';

export default class App extends React.Component {
  constructor(props){
    super(props);

    this.state = {

eduard-tkv

//actions/app-actions.js
import constants from '../constants/app-constants';
import dispatcher from '../dispatcher/dispatcher';

export let incrementActions = {
	incrementCount: ()=>{
		console.log('- inside incrementActions in app actions');
		dispatcher.dispatch({
			actionType: constants.INCREMENT
		});

eduard-tkv

//constants/app-constants.js
let constants = {
	INCREMENT: "INCREMENT"
};

export default constants;

//dispatcher/dispatcher.js
import {Dispatcher} from 'flux';

eduard-tkv

let HigherOrderComp = (Component) => class extends React.Component{
  construstor(props){
    super(props);
    this.state = {
      count: 0
    };
  }
  
  componentDidMount(){
    setInterval(()=>{

eduard-tkv

import React from 'react';

const STATUS = {
  HOVERED: 'hovered',
  NORMAL: 'normal',
};

export default class Link extends React.Component {

  constructor(props) {

eduard-tkv

class Detail extends React.Component{

  constructor(props){
		super(props);

    this.state = {
      commits: [],
      mode: "commits",
      forks: [],
      pulls: []