agoiabel

class Person {
  
  name = 'Abel'; //no need for the constructor

  //new way of defining the methods
  const printMyName = () => {
    console.dir(this.name);
  }
  
}

agoiabel

function functionOne() {
    // Some code
}

var functionTwo = function() {
    // Some code
};

agoiabel

const functionTwo = function() {
    // Some code
};

agoiabel

const functionTwo = () => {
    // Some code
};

agoiabel

//more than one parameter
const functionTwo = (param1, param2) => {
    // Some code
};

//only one parameter
const functionTwo = (param1) => {
    // Some code
};

agoiabel

const sum = (param1, param2) => {
  return param1 + param2
}

/**
*We can easily just remove the {} 
*and rewrite as
*/ 
const sum = (param1, param2) => param1 + param2;

agoiabel

const myComponent = () => (
  <div>
    Some Jsx return
  </div>
);

export default myComponent;

agoiabel

import React, { Component } from 'react';

class App extends Component {
  render() {

    return (
      <div>
        Something is return sha
      </div>
    );

agoiabel

import React, { Component } from 'react';
import './App.css';

class App extends Component {
  render() {

    return (
      <div className={App}>
        <h1>Hi, I am a React App</h1>
      </div>

agoiabel

import React from 'react';
import './App.css';

const App = () => {
    return (
      <div className={App}>
        <h1>Hi, I am a React App</h1>
      </div>
    );  
}