Convert propTypes to Flow Props

src/components/App.js

@@ -37,12 +37,21 @@ const WelcomeBox = createFactory(_WelcomeBox);
 import _EditorTabs from "./Editor/Tabs";
 const EditorTabs = createFactory(_EditorTabs);
 
+type Props = {
+  selectSource: Function,
+  selectedSource: Object,
+  startPanelCollapsed: boolean,
+  endPanelCollapsed: boolean
+};
+
 class App extends Component {
   state: {
     horizontal: boolean,
     startPanelSize: number,
     endPanelSize: number
   };
+
+  props: Props;
   onLayoutChange: Function;
   getChildContext: Function;
   renderEditorPane: Function;
@@ -168,13 +177,6 @@ class App extends Component {
   }
 }
 
-App.propTypes = {
-  selectSource: PropTypes.func,
-  selectedSource: PropTypes.object,
-  startPanelCollapsed: PropTypes.bool,
-  endPanelCollapsed: PropTypes.bool
-};
-
 App.displayName = "App";
 
 App.childContextTypes = { shortcuts: PropTypes.object };

src/components/WelcomeBox.js

@@ -1,5 +1,5 @@
 // @flow
-import { DOM as dom, PropTypes, Component, createFactory } from "react";
+import { DOM as dom, Component, createFactory } from "react";
 import { connect } from "react-redux";
 import { bindActionCreators } from "redux";
 
@@ -12,7 +12,15 @@ const PaneToggleButton = createFactory(_PaneToggleButton);
 
 import "./WelcomeBox.css";
 
+type Props = {
+  horizontal: boolean,
+  togglePaneCollapse: Function,
+  endPanelCollapsed: boolean
+};
+
 class WelcomeBox extends Component {
+  props: Props;
+
   renderToggleButton() {
     if (this.props.horizontal) {
       return;
@@ -39,12 +47,6 @@ class WelcomeBox extends Component {
   }
 }
 
-WelcomeBox.propTypes = {
-  horizontal: PropTypes.bool,
-  togglePaneCollapse: PropTypes.func,
-  endPanelCollapsed: PropTypes.bool
-};
-
 WelcomeBox.displayName = "WelcomeBox";
 
 export default connect(