hyber1z0r

import { useState, useEffect } from 'react';

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

hyber1z0r

let completedAll = true;

for (let i = 0; i < todos.length; i++) {
  if (!todos[i].completed) {
    completedAll = false;
    break;
  }
}

hyber1z0r

const completedAll = todos.every((todo) => todo.completed);

console.log(completedAll); // false

hyber1z0r

const todo = todos.find((todo) => todo.id === 1);

hyber1z0r

let todo: Todo | undefined;

for (let i = 0; i < todos.length; i++) {
  if (todos[i].id === 1) {
    todo = todos[i];
    break; // Remember to break so we don't keep iterating after we found it
  }
}

hyber1z0r

import React from 'react';

type Todo = {
  id: number;
  title: string;
  completed: boolean;
}

type Props = {
  todo: Todo;

hyber1z0r

type Todo = {
  id: number;
  title: string;
  completed: boolean;
}

const todos: Todo[] = [
  { id: 1, title: 'Buy nachos', completed: false },
  { id: 2, title: 'Buy avocado', completed: true },
  { id: 3, title: 'Buy ground beef', completed: false },

hyber1z0r

type Todo = {
  id: number;
  title: string;
  completed: boolean;
}

const todos: Todo[] = [
  { id: 1, title: 'Buy nachos', completed: false },
  { id: 2, title: 'Buy avocado', completed: true },
  { id: 3, title: 'Buy ground beef', completed: false },

hyber1z0r

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

const useInterval = (callback: () => void, delay: number | null) => {
  const savedCallback = useRef(callback);

  useEffect(() => {
    savedCallback.current = callback;
  }, [callback]);

  useEffect(() => {

hyber1z0r

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

const useTimeout = (callback: () => void, delay: number | null) => {
  const savedCallback = useRef(callback);

  useEffect(() => {
    savedCallback.current = callback;
  }, [callback]);

  useEffect(() => {