Антон Спирин

export default connect(mapStateToProps, null, null, { withRef: true })(Component);

<Route exact path={'/contacts'} component={i({ shouldShowLogo: false })(Contact)} />

render() {
  return(
    <PageLayout shouldShowLogo={false}>
      {/* код страницы */}
    </PageLayout>
  );
}

const a1 = [ 1, 5, 8, 7], a2 = [];

a2[0] = a1[0];
a2[2] = a1[1];
a2[3] = a1[2];
a2[1] = a1[3];

console.log(a2); // [1, 7, 5, 8]

render метод наследуется от extends Component??

Почему мы не пишем this.render() ???

} else if (action.type === 'CANGE_TRACK'){
  return state;
}

props.tracks.forEach(obj => {
  if (obj.id === track.id){
    obj.name = track.name;
  }
});

} else if (action.type === 'CANGE_TRACK'){
    return [
      ...state,
      action.payload,
    ];
}

<Route path="/home/services" component={Service} />

<div id="my-react-module-root"></div>
<script type="text/javascript" src="my-react-module-bundle.js"></script>

import React from 'react';
import { render } from 'react-dom';
import MyReactModule from './MyReactModule';

render(
  <MyReactModule />,
  document.getElementById('my-react-module-root'),
);

// without compose
withLog(withRouter(connect(mapStateToProps)(withDropdown(props)(Component))));

// with compose
compose(
  withLog,
  withRouter,
  connect(mapStateToProps),
  withDropdown(props),
)(Component);

return this.brands.map(brand => console.log(` The ${brand} is a ${this}`));

return this.brands.map(function(brand) { console.log(` The ${brand} is a ${this}`; }, this));

render() {
  const { isSelected } = this.state;
  const content = isSelected ? '1' : '0';

  return (
    <App>
      <Button
        onClick={this.handleClick}
        isSelected={isSelected}
      >
        Button
      </Button>
      <p>{content}</p>
    </App>
  );
}