Dev Corner | Hardik

Hardik Yadav

Lead Developer & Visionary

ReactNext.jsNode.jsPythonAI/MLAWSPostgreSQLTypeScriptTailwind

50+

Projects Delivered

30+

Happy Clients

5★

Average Rating

Years Exp.

Useful Code Snippets

Debounce Hook (React)tsx

function useDebounce<T>(value: T, delay: number): T {
  const [debouncedValue, setDebouncedValue] = useState<T>(value);
  useEffect(() => {
    const timer = setTimeout(() => setDebouncedValue(value), delay);
    return () => clearTimeout(timer);
  }, [value, delay]);
  return debouncedValue;
}

API Response Wrapper (Node.js)js

const apiResponse = (res, statusCode, message, data = null) => {
  return res.status(statusCode).json({
    success: statusCode < 400,
    message,
    data,
    timestamp: new Date().toISOString(),
  });
};

CSS Glassmorphism Cardcss

.glass-card {
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.3);
}

Fetch with timeout (TypeScript)ts

async function fetchWithTimeout(
  url: string,
  options: RequestInit = {},
  timeout = 8000
): Promise<Response> {
  const controller = new AbortController();
  const id = setTimeout(() => controller.abort(), timeout);
  const response = await fetch(url, { ...options, signal: controller.signal });
  clearTimeout(id);
  return response;
}