ohansemmanuel

// An example of an action 
const action = { 
  type: "WITHDRAW_MONEY",
  amount: "$10,000"
}

// A basic reducer. Takes in two parameters: state, and action. 
const reducer = (state, action) => {
  return state;
};

ohansemmanuel

... 
const Description = ({ description }) => {
  return (
    <p>
     <span className="faint">I am</span> a {description}
    </p>
  );
}
...

ohansemmanuel

const Description = ({ description }) => {
  return (
    <p>
      <I />
      <Am />
      <A />
      <Profession profession={description} />
    </p>
  );
};

ohansemmanuel

import React, {Component, PureComponent} from "react"

//before 
class I extends Component {
  render() {
    return <span className="faint">I </span>;
}

//after 
class I extends PureComponent {

ohansemmanuel

const Description = ({ description }) => {
  return (
	<p>
	   <I />
	   <Am />
	   <A />
 	   <Profession profession={description} />
	</p>
  );
};

ohansemmanuel

const i = { 
  value: "i"
};

ohansemmanuel

class I extends PureComponent {
  render() {
    return <span className="faint">{this.props.i.value} </span>;
  }
}

ohansemmanuel

class Description extends Component {
  render() {
	const i = {
	  value: "i"
	};
	return (
	  <p>
            <I i={i} />
	    <Am />
	    <A />

ohansemmanuel

... 
render() {
  <div onClick={() => {//do something here}}
}
...

ohansemmanuel

...
handleClick:() ={
}
render() {
  <div onClick={this.handleClick}
}
...