title: Micro frontend react application - State Management using Redux - Data sharing
body: <h2>React (Typescript &amp; Redux &amp; Webpack)</h2>
  <p>I'm developing a micro front-end application using react (typescript &amp; redux &amp; webpack)<br/>
  But I'm seeing blockers in sharing the data between container app &amp; child apps,<br/>
  <a href="https://i.stack.imgur.com/M0nF2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/M0nF2.png" alt="enter image description here" /></a></p>
  <p>Above the planned structure, there <strong>roles based authorization</strong></p>
  <ol>
  <li>Teacher <br/>(Access to <strong>Teacher - Student Management App</strong> &amp;  <strong>Student - Academic Assessment</strong> &amp;&amp; <strong>Teacher Registration App</strong></li>
  <li>Parents <br/> (Acccess to <strong>Parent Registration App</strong> &amp;&amp; <strong>Student - Academic - Assessment</strong></li>
  <li>Student <br/> (<strong>Student Registration App</strong> &amp;&amp; <strong>Student-Academic Assessment App</strong>)
  <br/></li>
  </ol>
  <p>Now, I'm seeing a blocker in sharing the redux-store data across child applications, i.e. when users log in from the login app, how to share the logged user information to child apps so that role-based access is implemented effectively, data is also to be shared. <br/> <em><strong>Store should not be shared across apps.</strong></em></p>