title: Redux load initial data from local file and later from state
body: <p>I have created one Todo App using React, Redux, Saga. However, on app load I am getting data from my local file but when I modify any task and update it, its get updated in state but when I refresh its again loading from the local file.</p>
  <p>What would be the best way to achieve this?</p>
  <p>Below is my local data in data.js</p>
  <pre><code>let todos = [
  {
    id: 0.11,
    name: 'Apple'
  }]
  </code></pre>
  <p>Below is my reducer :-</p>
  <pre><code>import todos from &quot;./data&quot;;
  
  const appReducer = (state = todos, action) =&gt; {
   let newTodos;
   switch (action.type) {
   case &quot;ADD_TODO_SAGA&quot;: {
    newTodos = [...state];
    newTodos.push(action.payload);
    return newTodos;
   }
  })
  </code></pre>
  <p>Kindly help</p>