feat: ✨exemple

react-book/src/app/app.tsx

@@ -1,12 +1,11 @@
+import Header from '../components/header/Header';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import styles from './app.module.scss';
 
-import NxWelcome from './nx-welcome';
-
 export function App() {
   return (
     <div>
-      <NxWelcome title="react-book" />
+      <Header title='hello' person='Jérémy' />
     </div>
   );
 }

react-book/src/components/header/Header.tsx

@@ -1,13 +1,24 @@
-import React from 'react'
+import React, { useState } from 'react'
 
 interface Props {
     title: string
+    url: string
+    person: string
 }
 
 const Header = (props: Props): JSX.Element => {
-    return (<h1>
-        {props.title}
-    </h1>)
+    const { title, person } = props
+
+    const [newTitle, setNewTitle] = useState<string>(title)
+
+    return (
+        <>
+        <h1 onClick={() => {setNewTitle('bye bye')}}>
+            {`${newTitle} ${person}` }
+        </h1>
+        <input type='text' value={newTitle} />
+    </>
+    )
 }
 
 export default Header