cr-react-redux-typescript

React-Redux-TypeScript 的 Cursor 规则 1. 始终使用 TypeScript 类型定义 Redux 的 state、action 和 reducer 2. 使用 `@reduxjs/toolkit` 创建 store、slice 和 action，避免手动编写样板代码 3. 为所有 Redux 相关的类型（如 RootState、AppDispatch）定义明确的 TypeScript 接口或类型别名 4. 在组件中使用 `useSelector` 和 `useDispatch` 钩子时，确保类型安全： - `useSelector` 应使用类型化的选择器函数 - `useDispatch` 应使用类型化的 dispatch 函数（如 `AppDispatch`） 5. 避免在组件中直接访问 store，始终通过 hooks 或 connect 高阶组件进行连接 6. 使用 React.memo 或 useMemo/useCallback 优化性能，特别是在处理频繁更新的 Redux state 时 7. 将 Redux logic 与 UI 组件分离，保持组件的纯净性 8. 在 slice 中使用 Immer（通过 createSlice 自动支持），以简化不可变更新逻辑 9. 为异步操作使用 RTK Query 或 createAsyncThunk，并正确处理 loading、error 和 fulfilled 状态 10. 遵循单一职责原则，每个 slice 只负责管理特定的 state 域 11. 使用 TypeScript 的联合类型和字面量类型来定义 action types，提高类型安全性 12. 在开发环境中启用 Redux DevTools 扩展进行调试

存档时间线

版本索引永久保留；内容副本只保留最新 1 份，更早版本仅留索引与哈希（存档时间线的证据链不会因此断裂）。

下载存档内容副本