mthanh2209
commented
9 months ago - How to choose between an event handler and an Effect
- Event handlers in React are functions that handle events such as onClick or onChange.
- Effects are typically used for handling side effects in your components, such as data fetching, subscriptions, or manually changing the DOM.
- Choose an event handler when you need to respond to user interactions, and choose an effect when you need to perform side effects that don't directly result from user actions.
- Why Effects are reactive, and event handlers are not
- Effects in React are reactive because they are triggered in response to certain dependencies changing. They respond to changes in state or props.
- Event handlers, on the other hand, are typically triggered by user interactions and are not inherently reactive to changes in state or props.
- What Effect Events
- useEffectEvent is a React Hook that lets you extract non-reactive logic into an Effect Event.
vercel[bot]