Activity Feature in React 19.2 Explained in Hindi | React New Update, Example & Interview Question

Activity in React 19.2.0


  1. What is Activity in React
  2. What Problem it resolve
  3. Example of Activity
  4. Interview Questions
  5. Code on github


Code example:-


import { useState, Activity } from "react"

function App() {
const [showHome,setShowHome]=useState(true)
return (
<>
<h1>Activity in React 19.2</h1>
<button onClick={()=>setShowHome(true)}>Home</button>
<button onClick={()=>setShowHome(false)}>User Form</button>
<Activity mode={showHome==true?'visible':'hidden'} >
<Home />
</Activity>

<Activity mode={showHome==false?'visible':'hidden'} >
<UserFrom />
</Activity>

</>
)
}

function Home(){
return(
<h1>Home Page</h1>
)
}

function UserFrom(){
return(
<div>
<h2>User Form</h2>
<input type="text" placeholder="enter name" />
<input type="text" placeholder="enter name" />
<input type="text" placeholder="enter name" />
<input type="text" placeholder="enter name" />

</div>
)
}

export default App