- Debouncing: Implements setTimeout to optimize API calls by delaying execution until user input has stopped.
- Lazy Loading: Uses React.lazy and Suspense for on-demand component loading.
- Memoization: Employs React.memo and useMemo to prevent unnecessary re-renders and enhance performance.
- Caching and Throttling: Caching stores previous results for faster access, while throttling limits API calls during typing, ensuring a smooth and efficient search process.
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
Open http://localhost:3000 with your browser to see the result.