Pinned Loading

1. advance-timer.jsx advance-timer.jsx

   1

   import { useEffect, useState } from "react";

   2

   3

   export default function Timer() {

   4

     const [secounds, setSecounds] = useState(0);

   5

2. useFetch.ts useFetch.ts

   1

   import { useState, useEffect } from "react";

   2

   3

   const useFetch = (url) => {

   4

     const [isLoading, setIsLoading] = useState(false);

   5

     const [error, setError] = useState(null);

3. use-callback-example.tsx use-callback-example.tsx

   1

   import { useState, useCallback, memo } from "react";

   2

   3

   const initialUsers = [

   4

     { id: 1, name: "Vladis" },

   5

     { id: 2, name: "Nofar" },

4. useDebounce.ts useDebounce.ts

   1

   import { useEffect, useMemo, useRef } from "react";

   2

   3

   function debounce(fn, delay) {

   4

     let timeout;

   5

5. use-memo-example.tsx use-memo-example.tsx

   1

   import { useState, useMemo } from "react";

   2

   3

   const users = [

   4

     {

   5

       id: "1",

6. advance-use-fetch.jsx advance-use-fetch.jsx

   1

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

   2

   3

   export default function useFetch(url) {

   4

     const [data, setData] = useState(null);

   5

     const [isLoading, setIsLoading] = useState(false);