title: How To Make All Consumers of The Context Able to Change Context State but Only Some of Them Will be Re-rendered
body: <p>I am having a Question About React Context API</p>
  <p>For Instance, I have the following App structure:</p>
  <pre><code>&lt;AppContext&gt;
     &lt;LoadingScreen/&gt;
     &lt;SignUpFormPage/&gt;
     &lt;ProfileFormPage/&gt;
     &lt;ApplyFormPage/&gt;
  &lt;/AppContext&gt;
  </code></pre>
  <p>Now I would like to have a state call <em>isLoading</em> in <code>&lt;AppContext&gt;</code>, I will change it to <em>true</em> whenever a user submit form on <code>&lt;SignUpFormPage/&gt;</code>, <code>&lt;ProfileFormPage/&gt;</code>, or <code>&lt;ApplyFormPage/&gt;</code> , Is there an implementation that all pages can change the isLoading state in the context, but only LoadingScreen will be re-rendered?</p>