jq-github-subscribe-store.js

store.subscribe(() => {
  const state = store.getState();
  const action = state.lastAction;
  switch (action.type) {
    case FETCH_PUBLIC_REPOS: {
      $.getJSON(`https://api.github.com/search/repositories?q=language:javascript&per_page=10&page=${action.page}`)
        .done((data) => {
          store.dispatch(receivePublicRepos(data.items));
        });
      break;
    }
      
    case FETCH_REPOS_NEXT_PAGE: {
      store.dispatch(fetchPublicRepos());
      break;
    }

    case FETCH_BOOKMARKS: {
      $.getJSON('/api/v1/bookmarks')
        .done((data) => {
          store.dispatch(receiveBookmarks(data));
        });
      break;
    }

    case RECEIVE_PUBLIC_REPOS:
    case RECEIVE_BOOKMARKS: {
      store.dispatch(setReposAreSaved(state.bookmarks.map(bookmark => bookmark.repo_id)));
      break;
    }

    case TOGGLE_BOOKMARK: {
      if (...) {
        store.dispatch(deleteBookmark(action.repoId));
      } else {
        ...
        store.dispatch(createBookmark(repo.id, repo.full_name));
      }
      break;
    }
    
    case CREATE_BOOKMARK: {
      store.dispatch(bookmarkCreated(action.repoId, action.fullName));
      $.ajax({
        ...
          store.dispatch(showNotification(`${error}: ${jqXHR.responseJSON.message}`));
          store.dispatch(bookmarkDeleted(action.repoId));
        },
      });
      break;
    }

    case DELETE_BOOKMARK: {
      store.dispatch(bookmarkDeleted(action.repoId));
      $.ajax({
        ...
          store.dispatch(showNotification(error));
          store.dispatch(bookmarkCreated(repo.id, repo.full_name));
        },
      });
      break;
    }

    case BOOKMARK_CREATED:
    case BOOKMARK_DELETED: {
      store.dispatch(setReposAreSaved(state.bookmarks.map(bookmark => bookmark.repo_id)));
      break;
    }

    case SET_REPOS_ARE_SAVED: {
      $('#app').html(repoList.render({ repos: state.repos.data }));
      break;
    }

    case SHOW_NOTIFICATION: {
      const modal = $('#notification');
      modal.find('.message').text(action.message);
      modal.modal({ show: true });
      break;
    }
  }
});