Does the syntax for creating component functions matter?

Hiya there! To be honest , i've been in your shoes actually and i struggled too to wrap my head around different methods to create a component in React. I'll give ya a solution which you can stick to without worrying about literally anything.

Stick to ES6 syntax. Always! Yeah use functional components when you can , otherwise go for class implementation of ES6 syntax. Dont worry about anything else. One important thing that you need to remember while using React is that functional components needs to be pure functions without any side effects. Now, ima show you how to implement React in ES6:

import React from "react"
import { Component } from "react-dom"

class Animal extends Component {
  constructor (props) {
    super(props);
    this.state = {
      // .....
    }
  }

  componentWillMount () {  .....  }
  componentDidMount () { ..... }
  render () {
    return {  };
  }
}

export default Animal

This is how you should implement all your components and dont forget about functional components as well. Be sure to use arrow syntax for functional components. I hope it helped! (:

~ Ari

The Instructor is using the ":" before function, because he is declaring key/value pairs in an object literal. the value of his key/value pairs are anonymous functions.

{ 
key: value,
anotherkey: function() {}
}