ReduxGenie
A VS Code extension that generates Redux slices and action creators.
Features
- Generate Redux Toolkit slices
- Create action creators
- Customizable module structure
Usage
Step 1: Open Command Palette
- Press
Ctrl+Shift+P (Windows/Linux) or Cmd+Shift+P (Mac)
- Type "Generate Redux Slice"
- Select the command from the list
1. Enter Module Name
- Provide a name for your Redux module (e.g., "addStock", "reservationsTab", "itemsListing")
- This will be used as the basis for file names and slice names
2. Specify Target Path
- Enter the relative path from your "reducer" folder
- Default:
modules
- Example paths:
browserActvityTabSlice → modules/software/detailScreen/detailScreenTab/browserActvityTab
addStockSlice → modules/item/actions/addStock
3. Action Creator Option
- Choose whether to skip creating action creators
- Yes: Only generate the slice file
- No: Generate both slice and action creator files
Step 3: Generated Files
The extension will create files in your specified directory:
Example
- Module Name:
addStock
- Target Path:
modules/item/actions/addStock
- Skip Action Creator:
No
Output Structure
src/
└── reducer/
└── modules/
└── item/
└── actions/
└── addStock/
├── addStock.slice.ts
└── addStock.actions.ts
Requirements
- VS Code 1.101.0 or higher
Extension Settings
This extension contributes the following settings:
generateReduxSlice : Generate Redux slice command
Release Notes
0.0.1
Initial release of ReduxGenie
| |