Is it necessary to use Redux?

[jchen42703]

What if we let Translator hold the EditorState and pass it as a prop to both InputEditor and TranslatedDisplay? Is this possible?

If so, then we wouldn't need to keep dispatching EditorState for the align paragraphs feature?

[jchen42703]

InputEditor would need to update the parent state as a child component:

• super-easy: pass the parent-setState-Function via property to the child-component
  • According to https://stackoverflow.com/questions/35537229/how-to-update-parents-state-in-react
  • <MyChildComponent setState={(s,c)=>{this.setState(s, c)}} />
  • but... this breaks encapsulation ?

[jchen42703]

Another example:

class Parent extends React.Component {
    state = {text: ""}

    updateText = text => {
        this.setState({text: text})
    }

    render () {
        return (<Child updateText={this.updateText}>)
    }
}

class Child extends React.Component {
    render () {
        return (
            <button 
                onClick={
                    () => this.props.updateText("updated state from child component")
                }
            >Update State</button>
        )
    }
}

[jchen42703]

Still migrating to this change b/c it doesn't matter if we break encapsulation for Translator's child components. It's not like TranslatedDisplay and InputEditor will be used on the web app more than once. :shrug: