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

Step 2: Configure Your Module

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

Input

• 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