{"id":25239716,"url":"https://github.com/hvish/redux-thaga","last_synced_at":"2025-08-01T20:12:21.784Z","repository":{"id":170539499,"uuid":"643550713","full_name":"HVish/redux-thaga","owner":"HVish","description":"Redux middleware with the powers of redux-saga as well as redux-thunk","archived":false,"fork":false,"pushed_at":"2023-08-27T17:06:42.000Z","size":316,"stargazers_count":1,"open_issues_count":2,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-07-14T17:19:26.326Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/HVish.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-05-21T14:21:46.000Z","updated_at":"2024-01-10T18:56:35.000Z","dependencies_parsed_at":null,"dependency_job_id":"a1c82fc7-89db-451a-8aae-f23cde561428","html_url":"https://github.com/HVish/redux-thaga","commit_stats":null,"previous_names":["hvish/redux-thaga"],"tags_count":2,"template":false,"template_full_name":null,"purl":"pkg:github/HVish/redux-thaga","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HVish%2Fredux-thaga","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HVish%2Fredux-thaga/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HVish%2Fredux-thaga/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HVish%2Fredux-thaga/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/HVish","download_url":"https://codeload.github.com/HVish/redux-thaga/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HVish%2Fredux-thaga/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":268290751,"owners_count":24226646,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-01T02:00:08.611Z","response_time":67,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-02-11T18:59:57.816Z","updated_at":"2025-08-01T20:12:21.752Z","avatar_url":"https://github.com/HVish.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Redux thaga\n\n![tests](https://github.com/HVish/redux-thaga/actions/workflows/tests.yml/badge.svg)\n\nThis redux middleware enhances redux-saga with redux-thunk capabilites.\n\n## Usage\n\n```ts\n// file: reducer.ts\nimport {\n  PayloadAction,\n  Update,\n  createEntityAdapter,\n  createSlice,\n  EntityState,\n} from '@reduxjs/toolkit';\nimport { call, takeLatest } from 'redux-saga/effects';\nimport { createThagaAction } from 'redux-thaga';\n\nexport interface Task {\n  id: string;\n  title: string;\n  isCompleted: boolean;\n}\n\nconst taskAdapter = createEntityAdapter\u003cTask\u003e();\n\nexport const allTasksSelector = (state: { tasks: EntityState\u003cTask\u003e }) =\u003e\n  taskAdapter.getSelectors().selectAll(state.tasks);\n\nconst taskApi = async () =\u003e {\n  const response = await fetch('/tasks.json');\n  const tasks: Task[] = await response.json();\n  return tasks;\n};\n\nexport const fetchTasks = createThagaAction(\n  'fetchTasks',\n  function* fetchTasksWorker() {\n    // arguments: (actionPayload, action, ...restArgs)\n    const tasks = (yield call(taskApi)) as Task[];\n    return tasks;\n  }\n);\n\nexport const { actions, reducer: tasksReducer } = createSlice({\n  name: 'tasks',\n  initialState: taskAdapter.getInitialState(),\n  reducers: {\n    addTask(state, action: PayloadAction\u003cTask\u003e) {\n      taskAdapter.addOne(state, action.payload);\n    },\n    updateTask(state, action: PayloadAction\u003cUpdate\u003cTask\u003e\u003e) {\n      taskAdapter.updateOne(state, action.payload);\n    },\n  },\n  extraReducers: (builder) =\u003e {\n    builder.addCase(fetchTasks.finished, (state, action) =\u003e {\n      taskAdapter.addMany(state, action.payload);\n    });\n  },\n});\n\nexport function* tasksWorker() {\n  try {\n    yield takeLatest(fetchTasks, fetchTasks.worker);\n  } catch (error) {\n    console.log(error);\n  }\n}\n```\n\n```ts\n// file: store.ts\nimport { configureStore } from '@reduxjs/toolkit';\nimport createSagaMiddleware from 'redux-saga';\nimport { createThagaMiddleware } from 'redux-thaga';\n\nimport { tasksWorker, tasksReducer } from './reducer';\n\nconst sagaMiddleware = createSagaMiddleware();\nconst thagaMiddleware = createThagaMiddleware();\n\nexport const store = configureStore({\n  reducer: { tasks: tasksReducer },\n  middleware: (getDefaultMiddleware) =\u003e\n    getDefaultMiddleware().concat(sagaMiddleware, thagaMiddleware),\n});\n\nsagaMiddleware.run(tasksWorker);\n```\n\n```tsx\n// file: App.tsx\nimport { useDispatch, useSelector } from 'react-redux';\nimport { Task, allTasksSelector, fetchTasks } from './reducer';\n\nfunction App() {\n  const tasks = useSelector(allTasksSelector);\n  const dispatch = useDispatch();\n\n  const onClick = async () =\u003e {\n    try {\n      const tasks = (await dispatch(fetchTasks())) as unknown as Task[];\n      console.log(tasks);\n    } catch (error) {\n      console.log('unable to fetch tasks');\n    }\n  };\n\n  return (\n    \u003cdiv\u003e\n      \u003cbutton onClick={onClick}\u003eFetch Tasks\u003c/button\u003e\n      {tasks.map((task) =\u003e (\n        \u003cdiv key={task.id}\u003e{task.title}\u003c/div\u003e\n      ))}\n    \u003c/div\u003e\n  );\n}\n\nexport default App;\n```\n\n## API\n\n### createThagaMiddleware()\n\nCreates redux middleware.\n\n### createThagaAction(type, worker)\n\nCreats a thaga action creator. It is a extended version of redux-toolkit's creationAction(). The action creator has following properties:\n\n- type - string, used as action type.\n- worker - a generator function, called when this action is dispatched. The first argument is the action's payload. Second argument is the redux action dispatched to trigger this worker. Rest arguments are other arguments passed from caller like `takeLatest(action, worker, ...arg)`.\n\n#### properties from createAction()\n\n- `type` - action type\n- `match()` - action matcher function\n- `toString()` - override function, returns action type.\n\n#### thaga properties\n\n- `worker` - saga worker to be started upon the dispatch of the thaga\n- `finished` - action generated by createAction(), called when worker is successfully executed.\n- `failed` - action generated by createAction(), called when worker throws an unhandlled exception.\n- `cancelled` - action generated by createAction(), called when worker is aborted like by takeLatest etc.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhvish%2Fredux-thaga","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhvish%2Fredux-thaga","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhvish%2Fredux-thaga/lists"}