Refactor Custom Hooks to Use Redux Toolkit

[bkb-Git]

Description

Currently, our application utilizes custom hooks for state management. To enhance consistency, scalability, and maintainability, we propose refactoring these custom hooks to use Redux Toolkit.

Tasks

• Identify Custom Hooks: Locate all custom hooks currently in use for state management.
• Define Redux Slices: Create slices using createSlice from Redux Toolkit for the state transitions handled by the custom hooks. Each slice should include actions and reducers.
• Integrate Redux Store: Ensure the Redux store is properly configured with the slices using configureStore from Redux Toolkit.
• Replace Custom Hooks: Refactor the components to use the Redux state and dispatch actions from the slices instead of custom hooks.
• Testing: Thoroughly test the refactored components to ensure they work correctly with the Redux state.
  Ensure all existing functionalities are preserved.

Files and Locations

• Custom Hooks: Identify specific files containing custom hooks (e.g., useChallengeMap.jsx).
• Redux Setup: store.js for Redux store configuration, if not already present.
• Components: Refactor components that currently use custom hooks.

Acceptance Criteria

• All custom hooks related to state management are refactored to use Redux Toolkit.
• Redux store is properly set up and integrated using Redux Toolkit.
• Components using the custom hooks are updated to use Redux state and actions.
• All functionalities work as expected post-refactor.
• Comprehensive testing is completed.

Additional Information

• Dependencies: Ensure all necessary Redux Toolkit dependencies are installed as listed in package.json.
• Style Guidelines: Follow existing code style guidelines and patterns as used in the project.

References

• Packages: Ensure to utilize the Redux Toolkit (@reduxjs/toolkit) as specified in package.json.

[lingyundai]

Hi @bkb-Git, I would like to pick up this refactor task. I am from squad-gpt-guard. Thanks!

[bkb-Git]

@lingyundai You can go ahead as long as you can keep up with your squad's deliverables