Add a typed Redux async thunk with loading and error states to a governance slice.
npx skills add https://github.com/nomos-guild/cgov --skill add-thunk
Please help me install this Agent Skill. Skill: add-thunk Source: https://github.com/nomos-guild/cgov/tree/main/.claude/skills/add-thunk Command: npx skills add https://github.com/nomos-guild/cgov --skill add-thunk
This Skill helps frontend teams reliably extend the governance store by adding a Redux async thunk with built-in loading and error state management.
Create a new thunk named loadVoterStats that calls a service function like fetchVoterStats and wire it into governanceSlice.
High-intent search queries and answers about installing and using this skill.
To add a Redux async thunk with loading and error states to a governance slice, you create a typed thunk that calls a service function and wire it into state using pending, fulfilled, and rejected reducers. This synchronizes fetched data with the UI.
Managing loading state for data fetching in a Redux Toolkit governance dashboard requires adding an async thunk with pending, fulfilled, and rejected handlers. This approach automatically tracks loading and error states alongside the fetched data.
A typed async thunk handles pending and rejected states in frontend governance flows by using extra reducers to update the state interface. It tracks loading status and captures errors when the imported service function fails or succeeds.
Yes, you can use this async thunk pattern to wire new service functions into an existing governance store. It provides step-by-step integration to update the state interface, initial state, and imports for the new data-fetch workflow.
Yes, you need to update the state interface when adding an async thunk to a governance slice. The guided integration enforces a matching state shape and requires adding setter reducers to properly reflect the fetched data in the UI.
Typed async thunks are used instead of regular reducers for governance state management because they enforce a matching state shape and handle asynchronous data fetching. They automatically add pending, fulfilled, and rejected handling for reliable UI synchronization.
m-salauddinAutomate Redux Toolkit state management with typed slices and RTK Query.
imankhaEnforce parent-guarded rendering for React components with asynchronous data.
guichefferProvide Redux state management patterns with selectors, thunk actions, and React-Redux hooks.
joabgonzalezConfigure Redux stores with slices, thunks, and typed hooks.
