Conversion: a stateful component -> a component connected to Redux

[borislit]

Hey @VytautasT. Can you elaborate/provide example?

[2012mjm]

import { connect } from 'react-redux';

class Counter extends Component = () => {
  return <div>{this.props.counter}</div>
}

function mapStateToProps(state) {
  return {
    counter: state.counter
  }
}

export default connect(mapStateToProps)(Counter)

with Hooks

import { useSelector } from 'react-redux';

export const Counter = () => {
  const counter = useSelector(state => state.counter);
  return <div>{counter}</div>
}

[borislit]

Interesting @2012mjm. It should be quiet easy to add it. The only concern I have - should this be a separate extension or not? I mean, identifying usage of a certain library can be quiet difficult. WDYT?