Lail

const MyComponent = ({ name, quote }) => (
  <p>{ `${name} commands ${quote}` }</p>
)

Lail

const MyComponent = ({ name, quote }) => {

  const myFunction = (name, quote) => {
    return `${name} commands ${quote}`
  }
  
  return (
    <p>{ myFunction(name, quote) }</p>
  )
}

Lail

const MyComponent = React.createClass ({
  
  render: function() {
    return <h1>My name is { this.props.name }</h1>
  }
                                       
});

Lail

class MyComponent extends Component {
  
  render () {
    return <h1>My name is { this.props.name }</h1>
  }
  
}

Lail

const MyComponent = React.createClass ({
  
  getInitialState: function(){
     return { name: ‘Optimus Prime’ };
   },

  getDefaultProps: function(){
    return { quote:’Roll Out!’ }; 
  },

Lail

class MyComponent extends Component {

  constructor(props) {
    super(props);
    this.state = { name: ‘Optimus Prime’ }
    this.myFunction = this.myFunction.bind(this)
  }

  myFunction: function(){
    return `${this.state.name} commands ${this.props.quote}`

Lail

Keybase proof

I hereby claim:

• I am lail on github.
• I am lailsn (https://keybase.io/lailsn) on keybase.
• I have a public key ASDgKQKYoqzJAcEbRn5eGEw8gH9Sr5aszhDQ8syEyqYPnAo

To claim this, I am signing this object: