3 ms·
One really useful pattern is React higher-order components, eg. https://github.com/elierotenberg/react-nexus#componentgetnexusbindings https://github.com/eliero
by elierotenberg 11y ago
One really useful pattern is React higher-order components,
eg. https://github.com/elierotenberg/react-nexus#componentgetnexusbindings https://github.com/elierotenberg/react-nexus#componentgetnex...
The pattern is
function decorate(params) {
return (Component) => class extends React.Component {
... // some code using params
render() {
return <Component {...this.props} />
}
};
}
my2c.
- mikewhy 11y agoI haven't seen that usage for higher-order components before. This is the pattern I've been following: function decorate (Component) { let HigherOrderComponent = React.createClass({ render () { return <Component {...this.props} /> } }) return HigherOrderComponent } as explained here: https://medium.com/@dan_abramov/mixins-are-dead-long-live-higher-order-components-94a0d2f9e750 https://medium.com/@dan_abramov/mixins-are-dead-long-live-hi...
- HeyImAlex 11y agoThey are the same I think, only one has extra parameters. At least in Python, @fn(...args) evaluates the function first and uses the result as a decorator. The guy who wrote the blog post you mention actually uses the parent's pattern in react-dnd.