React 19 Tutorial in Hindi #67 Lazy Loading: Boost Performance!
What is Lazy loading.
How to use lazy loading.
Suspense use with lazy loading.
Check Performance.
Interview Questions.
Lazy loading is a performance optimization technique that defers the loading of non-critical resources, like images, videos, or JavaScript, until they are actually needed by the user.
import React, { lazy, Suspense, useState } from 'react';
// import User from './User';
const User =lazy(()=>import('./User'));
function App() {
const [load,setLoad]=useState(false)
return (
<div>
<h1>Lazy Loading</h1>
<button onClick={()=>setLoad(true)} >Load User</button>
{
load? <Suspense fallback={<h3>loading...</h3>} > <User /></Suspense>:null
}
{/* {load?<User />:null} */}
</div>
);
}
export default App;
function User(){
return(
<div>
<h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1> <h1>User name is Anil Sidhu</h1>
<h1>User name is Anil Sidhu</h1>
</div>
)
}
export default User;