-
check_circle_outlineMódulo 1 | 5 clases
Primeros pasos de testing en Frontend
expand_more -
check_circle_outlineMódulo 2 | 5 clases
Conociendo y configurando Jest
expand_more -
check_circle_outlineMódulo 3 | 6 clases
Mi primera prueba unitaria
expand_more -
check_circle_outlineMódulo 4 | 7 clases
Pruebas unitarias sobre un proyecto existente
expand_more -
check_circle_outlineMódulo 5 | 4 clases
Mocking en unit testing con Jest
expand_more -
check_circle_outlineMódulo 6 | 7 clases
Ejercicios de pruebas unitarias
expand_more-
done_all
Clase 1
Creando prueba a componente con provider
-
done_all
Clase 2
Comprobando resultados de llamadas mock a la API
-
done_all
Clase 3
Conociendo componente de fetch y localStorage
-
done_all
Clase 4
Jest useFakeTimers
-
done_all
Clase 5
Mocking window fetch
-
done_all
Clase 6
Actualizar mocking y componente
-
done_all
Clase 7
Comprobando localStorage y limpiando mockings
-
-
check_circle_outlineMódulo 7 | 1 clases
Conclusión
expand_more
5 comentario(s)
import { useEffect, useCallback, useRef } from 'react';// React hook for delaying calls with time // returns callback to use for cancelling
const useTimeout = ( callback, // function to call. No args passed. // if you create a new callback each render, then previous callback will be cancelled on render. timeout = 0, // delay, ms (default: immediately put into JS Event Queue) ) => { const timeoutIdRef = useRef(); const cancel = useCallback( () => { const timeoutId = timeoutIdRef.current; if (timeoutId) { timeoutIdRef.current = undefined; clearTimeout(timeoutId); } }, [timeoutIdRef], );
useEffect( () => { timeoutIdRef.current = setTimeout(callback, timeout); return cancel; }, [callback, timeout, cancel], ); return cancel;
} export default useTimeout;
Clase 30