Tabs init

Instead of having another `React.render()`, you should "compose" the "components". So instead of having a second render, you would use the `<Tab1Content />` in the first render. So it would probably look something like this (@janiv2, correct me if I'm off):

```jsx
/* ... code to define other components truncated ... */

var LocalListingTabs = React.createClass({
  tabNames: function () { /* ... */},
  render: function () {
    return (
      <Tabs tabNames={this.tabNames()}>
        <TabPanel>
          <DetailsSection />
        </TabPanel>
        <TabPanel>
          <CouponsSection />
        </TabPanel>
        <TabPanel>
          <MapSection />
        </TabPanel>
      </Tabs>
    );  
  }
});

React.render(
  <LocalListingTabs />,
  document.getElementById('#local-listing-tabs')
);
```

With react, you define your components and compose them together. The definitions of the `DetailsSection`, `CouponSection` and `MapSection` have nothing to do with `Tabs` and `TabPanel`. We can reuse these sections in `CollapsibleGroup` eventually. So we are decoupling pieces and improving cohesion. Each component focuses on one piece and only knows about the other pieces as much as it needs to know.