Merge pull request #86 from arvish-codal/4_June

React - Setting up props type with TS.

Author: arvish-codal

NOTES/react-notes-2.txt

@@ -207,3 +207,7 @@ Once the command is successfully executed, we can see the project structure,
 
 > And the App.tsx contains our app component which is the root component.
 > Components are defined in a `.tsx` file and not in a `.js` or `.jsx` file.
+
+Video - 95 
+
+> A look at few basic prop types we're likely to use when creating a component with TypeScript.

react-typescript/react-typescript-demo/src/App.tsx

@@ -1,9 +1,10 @@
 import './App.css';
+import { Greet } from './components/Greet';
 
 function App() {
   return (
     <div className="App">
-      
+      <Greet name='arvish' />
     </div>
   );
 }

react-typescript/react-typescript-demo/src/components/Greet.tsx

@@ -0,0 +1,11 @@
+type GreetProps = {
+    name: string
+}
+
+export const Greet = (props: GreetProps) => {
+    return (
+        <div>
+            <h2>Welcome {props.name}! You have 10 unread messages</h2>
+        </div>
+    )
+}