alperkilickaya

import { useState, useEffect } from "react";

export function useLocalStorageSize() {
  const [localStorageSize, setLocalStorageSize] = useState(0);

  useEffect(() => {
    const calculateLocalStorageSize = () => {
      let totalSize = 0;
      for (let key in localStorage) {
        if (Object.prototype.hasOwnProperty.call(localStorage, key)) {

alperkilickaya

import { useState, useCallback, useRef, useEffect } from "react";

export const useHttpClient = () => {
  const [isLoading, setIsLoading] = useState(false);
  const [error, setError] = useState();

  // bu hook'un kullanıldığı component her render olduğunda aynı kalacak bir değişken oluşturur.
  const activeHpptRequests = useRef([]);

  const sendRequest = useCallback(

alperkilickaya

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

import Card from '../UI/Card';
import './Search.css';

const Search = React.memo(props => {
  const { onLoadIngredients } = props;
  const [enteredFilter, setEnteredFilter] = useState('');
  const inputRef = useRef();