React (Redux, TypeScript)
一个专注于React、Redux和TypeScript开发的AI助手技能。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：React (Redux, TypeScript)。 它的用途是：一个专注于React、Redux和TypeScript开发的AI助手技能。 详细介绍见：https://321skill.com/skills/react-redux-typescript/ 请根据该页面的说明完成安装。
使用示例
“我需要一个使用React Router v6和Redux Toolkit的TypeScript导航栏组件，要求有用户登录状态显示。”，它会生成包含路由链接、 useSelector hook 读取状态、以及完整类型定义的组件代码。或者
对AI说：“请审查这段Redux reducer的TypeScript代码，看看类型定义有没有问题。”，它会指出类型不匹配的地方并给出修改建议。
介绍
这个Skill旨在帮助开发者高效处理React、Redux和TypeScript相关的编码任务。它能够理解复杂的组件逻辑、状态管理需求和类型系统，提供精准的代码生成、审查和重构建议。
使用时，你可以直接向AI描述你的开发需求，例如“创建一个使用Redux Toolkit管理状态的TypeScript React组件”，或者粘贴一段代码让它进行审查和优化。AI会根据你的上下文提供针对性的解决方案。
它非常适合需要快速原型开发、学习最佳实践或解决特定技术难题的前端及全栈开发者。无论是构建新功能还是维护遗留代码，都能从中获得助力。
建议在提问时尽可能提供清晰的上下文，比如项目结构、依赖版本或具体的错误信息，这有助于AI给出更准确的回答。对于复杂的业务逻辑，可以分步骤进行咨询。
核心特点
与通用编程助手相比，它深度集成了React、Redux和TypeScript的生态知识，能理解如Redux Toolkit的现代模式、TypeScript泛型与Hooks的类型安全结合等具体实践，提供更符合当前主流技术栈的解决方案。
注意事项
不适合处理与React/Redux/TypeScript技术栈无关的后端逻辑、算法设计或纯粹的UI视觉设计问题。
常见问题
能帮我将JavaScript React项目迁移到TypeScript吗？
可以，提供你的组件代码，我能协助添加类型定义、修复类型错误并建议最佳类型实践。
如何用Redux Toolkit优化一个复杂的状态管理？
描述你的状态结构和更新逻辑，我可以帮你设计slice、使用createAsyncThunk处理异步，并确保类型安全。