[译]React 最佳實踐與實用函式

getJSON(url, function(response) {
    getJSON(url, function(response) {
      console.log(response);
    });
});

function* getStockValue() {
    var entry1 = yield request('http://myrl.com/stock/key');
    var data1  = JSON.parse(entry1);
    var entry2 = yield request('http://myurl/stock/value');
    var data2  = JSON.parse(entry2);
}

import Foo from ‘foo/Foo’

const DumbComponent = ({props}) => {
  return (
);
}

export default class BindFunctionExample extends React.Component {
    constructor() {
        super();
        this.state = {
            hidden: true,
        };
        this.toggleHidden = this.toggleHidden.bind(this);
    }

    toggleHidden() {
            const hidden = !this.state.hidden;
            this.setState({hidden})
    }
    render(){
        return(
            
        );
    }

}

class Container extends React.Component {
    render(){
        var { props } = this;
        return(
                

                    {  
                        React.Children.map(this.props.children, function(child) {
                            return React.cloneElement(
                                child, 
                                { ...props }
                            );
                        })
                    }
                
        );
    }
}

const mapStateToProps = (state) => {
    return state;
};

function mapDispatchToProps(dispatch) {
    return {
        actions: bindActionCreators(actions, dispatch)
    };
}

export default connect(
    mapStateToProps,
    mapDispatchToProps
)(Container);

componentDidMount(){ 
  document.title = "Store Profile" 
}

export const isObjectEqual = (obj1, obj2) => {
if(!isObject(obj1) || !isObject(obj2)) {
    return false;
}

if (obj1 === obj2) {
   return true;
}

const item1Keys = Object.keys(obj1).sort();
const item2Keys = Object.keys(obj2).sort();

if (!isArrayEqual(item1Keys, item2Keys)) {
    return false;
}
return item2Keys.every(key => {
   const value = obj1[key];
   const nextValue = obj2[key];

   if (value === nextValue) {
       return true;
   }
   return Array.isArray(value) &&
       Array.isArray(nextValue) &&
       isArrayEqual(value, nextValue);
});
};

export function createReducer(initialState, reducerMap) {
    return (state = initialState, action) => {
        const reducer = reducerMap[action.type];

        return reducer
            ? reducer(state, action.payload)
            : state;
    };
}

import {createReducer} from '../../utils';
// Add the following for IE compatability
Object.assign = Object.assign || require('object-assign'); 

const initialState = {
   'count': 0,
   'receiving': false,
   'pages': 0,
   'documents': []
};

export default createReducer(initialState, {
    ['RECEIVED_DOCUMENTS']: (state, payload) => {
        return {
            'count': payload.count,
            'pages': payload.pages,
            'documents': payload.documents,
            'receiving': false
        };
    },
    ['RETRIVING_DOCUMENTS']: (state, payload) => {
        return Object.assign({}, state, {
            'receiving': true
        });
    }
});