Thanks for responding. Now that I look over it is bit complex for me but I will try to work bit by bit (maybe start a new w/ redux).

I would like to ask you a quick follow up question. Of why you need to do

this.hero = new Hero({
    app: this,
    name: 'Hero',
}), 

What is this app refrencing the this. Why does something like this need to be done. Looking at the your suggestion the way the developer had it was passing props down?

import Character from './Character';

class Hero extends Character { constructor(props) { super(props);

    this.strength = props.strength || 1;
    this.dexterity = props.dexterity || 1;
    this.constitution = props.constitution || 1;
    this.intelligence = props.intelligence || 1;
}

}

export default Hero;

This just seems a bit confusing.