Components and Props

Author: Vishal Upadhyay

2_communicating_with_props/src/App.css

@@ -1,17 +1,10 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import './index.css';
-import App from './App';
-import reportWebVitals from './reportWebVitals';
+import React from "react";
+import ReactDOM from "react-dom";
 
-ReactDOM.render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>,
-  document.getElementById('root')
-);
+const App = () => {
+    return (
+        <div>Hey!~~</div>
+    );
+};
 
-// If you want to start measuring performance in your app, pass a function
-// to log results (for example: reportWebVitals(console.log))
-// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
-reportWebVitals();
+ReactDOM.render(<App />, document.querySelector('#root'))

2_communicating_with_props/src/App.js

@@ -5,4 +5,8 @@ Repo to quickly recap React concepts
 ![react](./images/1_React_Import.png)
 
 ## React Component
-![react_component](./images/2_React_Component.png)
+![react_component](./images/2_React_Component.png)
+
+## Application
+
+Semantic UI CDN Link: <link rel="stylesheet"  href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css" />