lesson 03: render text only components to reduce dom level

src/TextOnlyComponent.js

@@ -0,0 +1,15 @@
+import React, { Component } from 'react';
+
+const Comment = ({ text }) => text.replace(':)', '[smile]');
+
+class App extends Component {
+  render() {
+    return (
+      <div>
+        <Comment text="Text only components are awesome :)" />
+      </div>
+    );
+  }
+}
+
+export default App;

src/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import './index.css';
-import App from './MultiElementRender';
+import App from './TextOnlyComponent';
 import registerServiceWorker from './registerServiceWorker';
 
 ReactDOM.render(<App />, document.getElementById('root'));