If you're using newer React instead for this video...tread carefully

For this course, I've been running to a lot of landmines since I'm following along in my local dev environment. Just a couple of key little things I've noticed since my console is always riddled with error when following step by step.

In the index.html I'm using the newer React, I believe the video is using 15.0.2, so I had to include the prop-types.js

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.4.1/umd/react.development.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.4.1/umd/react-dom.development.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.26.0/babel.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/prop-types/15.6.2/prop-types.js"></script>

As for the JS, the video is using

Application.propTypes = {
    title: React.PropTypes.string,
    players: React.PropTypes.arrayOf(React.PropTypes.shape({
        name: React.PropTypes.string.isRequired,
        score: React.PropTypes.number.isRequired,
    })).isRequired,
};

For the new version you'll need to omit the "React" part of the .PropTyes

Application.propTypes = {
    title: PropTypes.string,
    players: PropTypes.arrayOf(PropTypes.shape({
        name: PropTypes.string.isRequired,
        score: PropTypes.number.isRequired,
    })).isRequired,
};

Just a few things I noticed which was really bugging me since each time following the video I'm running into errors. Just FYI for those using the newer stuff, outside of workspace.