Объясните концепцию дебаунсинга и троттлинга в контексте React.

import React, { useState, useEffect } from 'react'; 

function DebounceExample() {
  	const [searchTerm, setSearchTerm] = useState('');  
  	const [debouncedTerm, setDebouncedTerm] = useState(searchTerm);  
  
  	useEffect(() => {
      		const handler = setTimeout(() => {  
          		setDebouncedTerm(searchTerm);    
      		}, 300);    
      
      		return () => {   
         		clearTimeout(handler);    
      		};  
  	}, [searchTerm]);  
  
  	return (
      		<div>   
         		<input     
           			 type="text"        
            			 value={searchTerm}        
           			 onChange={(e) => setSearchTerm(e.target.value)}      
        		 />      
         		<p>Дебаунсированный термин: {debouncedTerm}</p>    
      		</div>  
  	); 
}

import React, { useState, useEffect } from 'react'; 

function ThrottleExample() {
  	const [count, setCount] = useState(0);  
  
  	useEffect(() => {
      		const handleScroll = () => {
           		setCount(prevCount => prevCount + 1);    
      		};    
      
      		const throttledHandleScroll = throttle(handleScroll, 1000);    
      
      		window.addEventListener('scroll', throttledHandleScroll);    
      		return () => {   
         		window.removeEventListener('scroll', throttledHandleScroll);    
      		};  
   	}, []);  
   
   	return <p>Количество прокруток: {count}</p>; 
} 

function throttle(func, limit) {
  	let lastFunc;  
  	let lastRan;  
  
  	return function() {
      		const context = this;    
      		const args = arguments;    
      		if (!lastRan) {    
        		func.apply(context, args);      
        		lastRan = Date.now();    
     		 } else {   
         		clearTimeout(lastFunc);      
         		lastFunc = setTimeout(() => {    
             			if (Date.now() - lastRan >= limit) {     
                  			func.apply(context, args);          
                  			lastRan = Date.now();        
             			}      
         		}, limit - (Date.now() - lastRan));    
      		}  
  	}; 
}