Howdy Lee. Thanks to you and your team for React, it's made designing modular, reusable code a lot easier for me.
My question is this: One limitation I'm running into is that in order for a user interaction (like a click) on one component (e.g. "Button") to affect the state of another component (e.g. "Lightbulb"),
Parent :-- Button :-- Lightbulb.
I've figured out two options:
1) Have a flux store with a property called "buttBulb" which "Button" dispatches an action to, and which Lightbulb reads from.
2) A) Create Parent.changeLightbulb((this.setState({lightbulb: !this.state.lightbulb}) B) Pass Parent.changeLightbulb to the Button, and Parent.state.lightbulb down to the Lightbulb as props.
I'm wondering if there are other clever ways that FB's React team has approached the "affect sibling's status" problem.