Publish as package

[SimeonC]

Hi @zhaoyao91.

Thanks for figuring this out and putting up a repository it's saved me a fair bit working with Japanese IME. As it looks like it could be quite a while until react fix this properly, would it be possible to get this published on NPM? I'm happy to help out.

I needed to extend your code to allow getting the ref which is kind of hard so I ended up with this:

export default class OptimisticInput extends Component {
  static propTypes = {
    value: PropTypes.string,
    onChange: PropTypes.func,
    getRef: PropTypes.func
  };

  static defaultProps = {
    value: '',
    onChange: noop,
    getRef: noop
  };

  constructor(props, context) {
    super(props, context);
    this.state = {
      value: props.value
    };
  }

  componentWillUpdate(nextProps, nextState) {
    if (nextProps.value !== this.props.value && nextProps.value !== nextState.value) {
      this.setState({ value: nextProps.value });
    }
  }

  onChange = (e) => {
    this.setState({
      value: e.target.value
    });
    this.props.onChange(e);
  }

  render() {
    const { getRef, ...props } = this.props;
    return <input {...props} ref={getRef} value={this.state.value} onChange={this.onChange} />;
  }

[zhaoyao91]

Hi, thanks for your suggestion. But this repo is just for inspiration. You can publish your package and make it more robust and suit for your cases and share it. :)