title: isomorphic react.js without flux
body: <p>I am newbie with react.js . I want to make isomorphic react.js component . I wonder is it possible to make it without flux pattern ? Now I have little component and there is api fetch method inside component and as it seems this api call runs twice :( . </p>
  
  <p>For more clarity, I want to render DOM in server side , and want to handle react.js component events in browser side . </p>
  
  <p>My component looks like : </p>
  
  <pre><code>Class MyComponent extends React.Component{
  
   // my component code 
   // components events 
  
   render() {} 
  
  }
  
  
  if (!is_server()) {
  
  
  apiFetch.my_api_call(function (result) {
      ReactDom.render(&lt;MyComponent data={result.data}/&gt;, document.getElementById('navigation'))
  });
  
  
  }else{
  
  apiFetch.my_api_call(function (result) {
      res.status(200).send(
          ReactDOMServer.renderToString(React.createElement(MyComponent, {data: result.data}))
      );
  });
  </code></pre>