Updating client dependencies. Switching to yarn. (#6433)

* Updating client dependancies. Switching to using yarn.

* Updating React

* Moving pure components to using function syntax (performance gains with newer react version)

* Updating client dependancies.

* Ignore .yarninstall

* Enabling pre-lockfile because it's the entire point of using yarn.

* Removing old webpack config

* Moving to new prop-types

* Fixing ESLint Errors

* Updating jest snapshots.

* Cleaning up package.json

2 files changed, 10 insertions, 6 deletions

diff --git a/webapp/components/tutorial/tutorial_intro_screens.jsx b/webapp/components/tutorial/tutorial_intro_screens.jsx
index 78203fec0..00f7db270 100644
--- a/webapp/components/tutorial/tutorial_intro_screens.jsx
+++ b/webapp/components/tutorial/tutorial_intro_screens.jsx
@@ -17,13 +17,15 @@ import AppIcons from 'images/appIcons.png';
 
 const NUM_SCREENS = 3;
 
+import PropTypes from 'prop-types';
+
 import React from 'react';
 
 export default class TutorialIntroScreens extends React.Component {
     static get propTypes() {
         return {
-            townSquare: React.PropTypes.object,
-            offTopic: React.PropTypes.object
+            townSquare: PropTypes.object,
+            offTopic: PropTypes.object
         };
     }
     constructor(props) {
diff --git a/webapp/components/tutorial/tutorial_tip.jsx b/webapp/components/tutorial/tutorial_tip.jsx
index f0e0d7673..ee1686007 100644
--- a/webapp/components/tutorial/tutorial_tip.jsx
+++ b/webapp/components/tutorial/tutorial_tip.jsx
@@ -15,6 +15,8 @@ import * as Utils from 'utils/utils.jsx';
 
 import {Overlay} from 'react-bootstrap';
 
+import PropTypes from 'prop-types';
+
 import React from 'react';
 
 import tutorialGif from 'images/tutorialTip.gif';
@@ -199,10 +201,10 @@ TutorialTip.defaultProps = {
 };
 
 TutorialTip.propTypes = {
-    screens: React.PropTypes.array.isRequired,
-    placement: React.PropTypes.string.isRequired,
-    overlayClass: React.PropTypes.string,
-    diagnosticsTag: React.PropTypes.string
+    screens: PropTypes.array.isRequired,
+    placement: PropTypes.string.isRequired,
+    overlayClass: PropTypes.string,
+    diagnosticsTag: PropTypes.string
 };
 
 export function createMenuTip(toggleFunc, onBottom) {