Component Lifecycle: Unmounting

Always use setTimeout to delay operations
Implement a cancellation mechanism like AbortController for fetch requests
A recommended pattern for managing async operations is implementing proper cancellation mechanisms. For network requests, the AbortController API lets you cancel in-flight requests when a component unmounts. Similarly, for other async operations, using cancellable promises or tracking mount status allows cleanup of pending operations to prevent memory leaks and errors from updating state on unmounted components.
Avoid async operations entirely in React components
Use Redux for all asynchronous operations