React useEffect Hook Side effects in functional components
Hello Dev's, I explained about the React useEffect() hook.
useEffect Certainly! it is a built-in React Hook that allows you to perform side effects in functional components. Side effects are any actions your component needs to take outside of rendering, such as data fetching, DOM manipulation, or subscribing to external events.
The useEffect hook is designed to handle side effects in a declarative way, meaning you specify what effect you want to perform and when it should occur. It's similar to lifecycle methods like componentDidMount, componentDidUpdate, and componentWillUnmount in class components, but it's more flexible and concise.
useEffect (() = {
//Optionally, return a cleanup function to perform cleanup or unsubscribe
return () = {
// Perform cleanup actions if needed
}
}, []) // Dependency array, empty array means effect runs only once on mount
if you give Dependency, whenever the Dependency is updated or changed, the statements in the useEffect can be executed again.
#reactjs , #useeffect