Read React Side Effect
Spent some time to read the codebase for React Side Effects with a bit notes.
what and hows
created by dan abramov, handles side effects reduced from props, looks at all instances for the component altogether
most notable usage is react helmet, followed by a couple other libraries relying the same concept (must look at all instances together to decide a winner)
how to use
withSideEffect( reducePropsToState, handleStateChangeOnClient, mapStateOnServer // optional )(MyComponent);
what happens under the hood
componentWillUnmount-> remove the instance and call
reducePropsToStatefor every instance's props
allows you to work on all instances of a component as a whole. i.e., "winning styles" between nested instances of one component
- why must reduce props to state?
- is this still needed after hooks?