A document detailing the tradeoffs we make in each of the ways that we can create components in React

component-creation-react.js

// Component class
class Car extends Component {
  constructor ( props ) {
    super();
    this.propertyA = this.propertyA.bind( this );
    this.propertyB = this.propertyB.bind( this );
  }
}

class ShoppingItem extends Component {
  state = {}
  render () {
    return (
    
    );
  }
} 

// 
const Car = () => {
}

// Functional component
function Car = () => {

}


const Car = function () {
}

Component class

Explain

• reason for super() keyword + constructor()
• ES6 method shorthand
• why we must term the properties defined in a class as 'properties' instead of 'methods'
• classes are not statically declared, any modification to a parent changes children, breaking changes

Functional Component

• factory pattern
• es6 spreading

Hard-core Component creation