title: How can I refresh a list in one component after form submit in another component that shares same parent?
body: <p>I have this structure:</p>
  
  <pre><code>&lt;users admin component&gt;
     &lt;user list component&gt;
     &lt;new user form component&gt;
  &lt;/users admin component&gt;
  </code></pre>
  
  <p>I am not using any type of global state management (ie redux) and would like to avoid it if possible.  I am using hooks to manage state on each component.</p>
  
  <p><a href="https://i.stack.imgur.com/iiMzS.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/iiMzS.jpg" alt="enter image description here"></a></p>
  
  <p>What I would like to do is update the user list component (GET) when the POST call succeeds in the form component. </p>
  
  <p>What is the best way to accomplish this?  Is it more common to somehow add the new item to the existing list of users or just refresh the list with another GET?  How do I accomplish the correct solution?</p>
  
  <p>Theoretically, at what point is it time to bring in some type of global state management such as Redux?</p>