Why you can’t perform a React state update on an unmounted component — While developing your React application, have you encountered the following errors:

useRafPolling custom hook to do this better — In React application development, you may need to poll the API to continuously update page data, then we can simply use the useInterval custom hook to do this: But I think it has two imperfections: Due to the feature of setInterval, when the user puts this Web APP in…

Why not use setInterval, but requestAnimationFrame — In React we can use custom hooks for some repetitive logic. For example, if I want to write a hook that executes a synchronous function at intervals, I can write useInterval as follows: The code looks clear, right? Use like this: const clear = useInterval(() => {…

There may be more than 8 — In a front-end web interview, you may have faced the question “how to center an element vertically and horizontally?” more than once. It’s common and simple, but often we choose to ignore it. This article will introduce you to 8 ways to get it. First look at the example HTML: …

The promise is so important that major languages have similar APIs — Promise objects are JavaScript’s solution for asynchronous operations, providing a unified interface for asynchronous operations. It allows you to write asynchronous logic just like synchronous code, removing those nested callback functions. This article will cover 3 Promise APIs that you might overlook. Promise.allSettled() The Promise.allSettled() method returns a promise that fulfills…