1.Lazy
컴포넌트를 비동기적으로 로딩할 수 있게 해준다.
const 컴포넌트 = React.lazy(() => import('./컴포넌트'));
2.Suspense
비동기 작업을 다룰 때 사용자 경험을 향상시키기 위해 사용되는 React 기능
비동기 작업이 진행 중일 때 컴포넌트를 일시적으로 잠금 상태로 전환하고, 사용자에게 로딩 상태를 제공하는 데 사용한다.
<Suspense fallback={<div>Loading...</div>}>
<MyComponent />
</Suspense>
'FrontEnd > React' 카테고리의 다른 글
[React] Errorboundary (0) | 2025.01.18 |
---|---|
[React] Zustand (0) | 2025.01.07 |
[React] useReducer (0) | 2025.01.07 |