From 2240b81bffbfc8d9e7f88214fc279e164d773f08 Mon Sep 17 00:00:00 2001
From: ZHAO Jinxiang <xiaoxiangmoe@gmail.com>
Date: Mon, 18 Feb 2019 17:41:58 +0800
Subject: [PATCH 1/3] change class component to function component

---
 .../template-typescript/src/App.tsx           | 42 +++++++++----------
 packages/react-scripts/template/src/App.js    | 42 +++++++++----------
 2 files changed, 40 insertions(+), 44 deletions(-)

diff --git a/packages/react-scripts/template-typescript/src/App.tsx b/packages/react-scripts/template-typescript/src/App.tsx
index ff5a4a660e..f6b596a4ec 100644
--- a/packages/react-scripts/template-typescript/src/App.tsx
+++ b/packages/react-scripts/template-typescript/src/App.tsx
@@ -1,28 +1,26 @@
-import React, { Component } from 'react';
+import * as React from 'react';
 import logo from './logo.svg';
 import './App.css';
 
-class App extends Component {
-  render() {
-    return (
-      <div className="App">
-        <header className="App-header">
-          <img src={logo} className="App-logo" alt="logo" />
-          <p>
-            Edit <code>src/App.tsx</code> and save to reload.
-          </p>
-          <a
-            className="App-link"
-            href="https://reactjs.org"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            Learn React
-          </a>
-        </header>
-      </div>
-    );
-  }
+const App:React.FC = () => {
+  return (
+    <div className="App">
+      <header className="App-header">
+        <img src={logo} className="App-logo" alt="logo" />
+        <p>
+          Edit <code>src/App.tsx</code> and save to reload.
+        </p>
+        <a
+          className="App-link"
+          href="https://reactjs.org"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          Learn React
+        </a>
+      </header>
+    </div>
+  );
 }
 
 export default App;
diff --git a/packages/react-scripts/template/src/App.js b/packages/react-scripts/template/src/App.js
index 7e261ca47e..5058cc7033 100644
--- a/packages/react-scripts/template/src/App.js
+++ b/packages/react-scripts/template/src/App.js
@@ -1,28 +1,26 @@
-import React, { Component } from 'react';
+import React from 'react';
 import logo from './logo.svg';
 import './App.css';
 
-class App extends Component {
-  render() {
-    return (
-      <div className="App">
-        <header className="App-header">
-          <img src={logo} className="App-logo" alt="logo" />
-          <p>
-            Edit <code>src/App.js</code> and save to reload.
-          </p>
-          <a
-            className="App-link"
-            href="https://reactjs.org"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            Learn React
-          </a>
-        </header>
-      </div>
-    );
-  }
+const App = () =>{
+  return (
+    <div className="App">
+      <header className="App-header">
+        <img src={logo} className="App-logo" alt="logo" />
+        <p>
+          Edit <code>src/App.js</code> and save to reload.
+        </p>
+        <a
+          className="App-link"
+          href="https://reactjs.org"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          Learn React
+        </a>
+      </header>
+    </div>
+  );
 }
 
 export default App;

From 4bf8ff3c2065acb99dea3d0e6758818748f6a7d8 Mon Sep 17 00:00:00 2001
From: Ian Sutherland <ian@iansutherland.ca>
Date: Fri, 1 Mar 2019 12:08:04 +0800
Subject: [PATCH 2/3] Update packages/react-scripts/template/src/App.js

Co-Authored-By: xiaoxiangmoe <xiaoxiangmoe@gmail.com>
---
 packages/react-scripts/template/src/App.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react-scripts/template/src/App.js b/packages/react-scripts/template/src/App.js
index 5058cc7033..2b85f25b0f 100644
--- a/packages/react-scripts/template/src/App.js
+++ b/packages/react-scripts/template/src/App.js
@@ -2,7 +2,7 @@ import React from 'react';
 import logo from './logo.svg';
 import './App.css';
 
-const App = () =>{
+const App = () => {
   return (
     <div className="App">
       <header className="App-header">

From 2fb077f8fd36381bb7b81ae5ad714f3eb4a2fcd9 Mon Sep 17 00:00:00 2001
From: Ian Sutherland <ian@iansutherland.ca>
Date: Fri, 1 Mar 2019 12:08:12 +0800
Subject: [PATCH 3/3] Update
 packages/react-scripts/template-typescript/src/App.tsx

Co-Authored-By: xiaoxiangmoe <xiaoxiangmoe@gmail.com>
---
 packages/react-scripts/template-typescript/src/App.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react-scripts/template-typescript/src/App.tsx b/packages/react-scripts/template-typescript/src/App.tsx
index f6b596a4ec..fd339698e5 100644
--- a/packages/react-scripts/template-typescript/src/App.tsx
+++ b/packages/react-scripts/template-typescript/src/App.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import logo from './logo.svg';
 import './App.css';
 
-const App:React.FC = () => {
+const App: React.FC = () => {
   return (
     <div className="App">
       <header className="App-header">