Change template component to functional; change example App component to functional

Author: baldm0mma

template/default/example/src/App.js

@@ -1,12 +1,10 @@
-import React, { Component } from 'react';
+import React from 'react';
 import './App.css';
 
-import ExampleComponent from '{{name}}';
+import { ExampleComponent } from '{{name}}';
 
-class App extends Component {
-  render() {
-    return <ExampleComponent text='Modern React component module' />;
-  }
-}
+const App = () => {
+  return <ExampleComponent text='Modern React component module' />;
+};
 
 export default App;

template/default/src/index.js

@@ -1,22 +1,14 @@
-import React, { Component } from 'react'
-import PropTypes from 'prop-types'
+import React from 'react';
+import PropTypes from 'prop-types';
 
-import styles from './styles.css'
+import styles from './styles.css';
 
-export default class ExampleComponent extends Component {
-  static propTypes = {
-    text: PropTypes.string
-  }
+export const ExampleComponent = () => {
+  const { text } = this.props;
 
-  render() {
-    const {
-      text
-    } = this.props
+  return <div className={styles.test}>Example Component: {text}</div>;
+};
 
-    return (
-      <div className={styles.test}>
-        Example Component: {text}
-      </div>
-    )
-  }
-}
+ExampleComponent.propTypes = {
+  text: PropTypes.string
+};