React Redux TypeScript

1// React + Redux + TypeScript .cursorrules
2 
3// Prefer functional components with hooks
4 
5const preferFunctionalComponents = true;
6 
7// Use TypeScript for type safety
8 
9const useTypeScript = true;
10 
11// Redux best practices
12 
13const reduxBestPractices = [
14  "Use Redux Toolkit for efficient Redux development",
15  "Implement slice pattern for organizing Redux code",
16  "Utilize createAsyncThunk for handling async actions",
17  "Use selectors for accessing state in components",
18];
19 
20// Folder structure
21 
22const folderStructure = `
23src/
24  components/
25  features/
26  store/
27    slices/
28    hooks.ts
29    store.ts
30  types/
31  utils/
32`;
33 
34// Additional instructions
35 
36const additionalInstructions = `
371. Use React.FC for functional components with props
382. Implement strict TypeScript checks
393. Use Redux hooks (useSelector, useDispatch) in components
404. Create reusable typed hooks for Redux operations
415. Implement proper error handling in async operations
426. Use Redux DevTools for debugging
437. Follow Redux style guide for naming conventions
44`;
45 
46