All databases

Cursor rule

React Redux Typescript Cursorrules Prompt File

Cursor rules for React development with Redux and TypeScript integration.

Prefer functional components with hooks

js
const preferFunctionalComponents = true;

Use TypeScript for type safety

js
const useTypeScript = true;

Redux best practices

js
const reduxBestPractices = [
  "Use Redux Toolkit for efficient Redux development",
  "Implement slice pattern for organizing Redux code",
  "Utilize createAsyncThunk for handling async actions",
  "Use selectors for accessing state in components",
];

Folder structure

js
const folderStructure = `
src/
  components/
  features/
  store/
    slices/
    hooks.ts
    store.ts
  types/
  utils/
`;

Additional instructions

js
const additionalInstructions = `
1. Use React.FC for functional components with props
2. Implement strict TypeScript checks
3. Use Redux hooks (useSelector, useDispatch) in components
4. Create reusable typed hooks for Redux operations
5. Implement proper error handling in async operations
6. Use Redux DevTools for debugging
7. Follow Redux style guide for naming conventions
`;

More Frontend rules

Frequently asked questions

What is the React Redux Typescript Cursorrules Prompt File Cursor rule?

Cursor rules for React development with Redux and TypeScript integration. It is a Frontend rule, stored as react-redux-typescript-cursorrules-prompt-file.mdc.

How do I use the React Redux Typescript Cursorrules Prompt File rule in Cursor?

Copy the rule from this page and save it as react-redux-typescript-cursorrules-prompt-file.mdc in your project's .cursor/rules folder, or paste it into Cursor's project rules settings.