title: moving from twig to ReactJS: how to extend a template/component to build full reactJS pages? implement react-router and redux into symfony?
body: <p>In my twig application, I have a controller rendering a view.</p>
  
  <p>This view is as follows:</p>
  
  <pre><code>{% extends ':Template/Backend:backend.html.twig' %}
  
  {% block title_wrapper %}
  {% endblock %}
  
  {% block body %}
   My code
  {% endblock %}
  </code></pre>
  
  <p>In backend.html.twig, I have :</p>
  
  <pre><code>{% extends ':Template/base.html.twig' %}
  
  {% block navbar %}
     {% render controller ... %}
  {% endblock %}
  
  {% block sidebar%}
     {% render controller ... %}
  {% endblock %}
  
  {% block body %}
  {% endblock %}
  </code></pre>
  
  <p>Now, this page is super dynamic with many different ajax calls updating different part of the data. ReactJS seems to be the good way to make it simpler.</p>
  
  <p>I understand how to put one component inside another one and build up on that.
  However, with content of my navbar and my sidebar depending on the content of my page, how do I make it work ?</p>
  
  <p>My issues are :</p>
  
  <ol>
  <li>If I render my body component and it is separated from my navbar and sidebar components (keep existing twig structure and load 3 components), a change in one won't update the other one</li>
  <li>If I load one single app component which includes navbar, sidebar and body components, how do I make variations of the body i.e. how do I replicate the 'extends' feature of twig?</li>
  <li>I need to move step by step so I need to keep rendering parts of my application with twig</li>
  <li>It looks like I would need to implement correctly reux and react-router in my symfony application, create a single page app and an app component which includes navbars. I'd appreciate some help ont that !</li>
  </ol>
  
  <p>Would love some help from a reactJS expert! Thanks!</p>