キーストロークのたびに処理を実行せずに処理を遅らせる（debounce throttle）

Login.js

  useEffect(() => {
    // 500ミリ秒後にvalidationを動かす
    // キーストロークのたびにsetFormIsValidが呼ばれなくなる（debounce throttle）
    // validationは軽い処理だからいいが、バックエンドにデータを送ってvalidationするような重い処理の場合に有効
    const identifier = setTimeout(() => {
      setFormIsValid(
        enteredEmail.includes('@') && enteredPassword.trim().length > 6
      );
    }, 500);

    // 2回目にuseEffect()が呼ばれたときに最初に実行されるclean up function
    // すでに動いているTimerを削除
    return () => {
      clearTimeout(identifier);
    };
  }, [enteredEmail, enteredPassword]);