feat: 🎸 added rerender question

Author: Pratham82

2024 Prep/machine_coding/react/src/App.tsx

@@ -1,11 +1,11 @@
 import './App.css'
-import { CounterWithReducer } from './components'
+import { ReRender } from './components'
 
 function App() {
   return (
     <div className="container">
       <h1>Vite + React</h1>
-      <CounterWithReducer />
+      <ReRender />
     </div>
   )
 }

2024 Prep/machine_coding/react/src/components/ReRender.tsx

@@ -0,0 +1,17 @@
+import { useState } from 'react'
+
+export default function ReRender() {
+  console.log('Rerendered....')
+  const [name, setName] = useState('prathamesh')
+  const [age, setAge] = useState(21)
+
+  return (
+    <div>
+      <h1>Rerender</h1>
+      <h2>Hello {name}</h2>
+      <h2>My age is {age}</h2>
+      <button onClick={() => setName('prathamesh')}>Update name</button>
+      <button onClick={() => setAge(22)}>Update age</button>
+    </div>
+  )
+}

2024 Prep/machine_coding/react/src/components/index.ts

@@ -6,6 +6,7 @@ import CountDownTimer from './Timer'
 import LiftingUpState from './LiftingStateUp'
 import InputHookComp from './InputCustomHookComp'
 import CounterWithReducer from './CounterWithReducer'
+import ReRender from './ReRender'
 
 export {
   Loader,
@@ -16,4 +17,5 @@ export {
   LiftingUpState,
   InputHookComp,
   CounterWithReducer,
+  ReRender,
 }