echo304

/* ... */
import Bar from './bar';

class Foo extends React.Component {
  
  /* ... */  
  
  render() {
    return (
      <Bar />

echo304

/* ... */

class Foo extends React.Component {
  
  /* ... */  
  
  render() {
    if (this.props.shouldDrawFoo) {
      return (
        <div className="foo">

echo304

/* ... */
import React from 'react';
import { shallow } from 'enzyme';

class Foo extends React.Component {
  _something() {
    /* DO SOMETHING */
  }
  
  render() {

echo304

/* ... */
import { shallow } from 'enzyme';

describe('<Foo />', () => {
  it('should render one <div>', () => {
    const wrapper = shallow(<Foo />);
    expect(wrapper.find('div')).to.have.lengthOf(1);
  });
});

echo304

import React, { PropTypes } from 'react';
import SomeComponent from 'components/SomeComponent/async';

export const App = () => (
  <SomeComponent someProp={/* ... */} />
)

echo304

import React, { PropTypes } from 'react';
import SomeComponent from 'components/SomeComponent';

export const App = () => (
  <SomeComponent someProp={/* ... */} />
)

echo304

import React from 'react';
import AsyncComponent from 'components/AsyncComponent';

const loader = () => import(/* webpackChunkName: "Some" */'components/SomeComponent');

export default props => <AsyncComponent {...props} loader={loader} />;

echo304

import SyncComponent from './SyncComponent';

// Dynamic import
const dynamicImportPromise = import('./AsyncComponent');
dynamicImportPromise.then((module) => {
  /* DO SOMETHING */
}

echo304

import React, { PropTypes } from 'react';
import AsyncComponent from './AsyncComponent';

export const App = () => (
  <AsyncComponent loader={() => import('components/SomeComponent')} />
)

echo304

import React, { PropTypes } from 'react';

export default class AsyncComponent extends React.Component {
  static propTypes = {
    loader: PropTypes.func.isRequired,
  }

  state = {
    Component: null,
  }