title: How can I communicate between related react components?
body: <p>I just got started with ReactJS and am a little stuck on a problem that I have.</p>
  
  <p>My application is essentially a list with filters and a button to change the layout.
  At the moment I'm using three components: <code>&lt;list /&gt;</code>, <code>&lt; Filters /&gt;</code> and <code>&lt;TopBar /&gt;</code>, now obviously when I change settings in <code>&lt; Filters /&gt;</code> I want to trigger some method in <code>&lt;list /&gt;</code> to update my view.</p>
  
  <p>How can I make those 3 components interact with each other, or do I need some sort of global data model where I can just make changes to?</p>