re6-recursive-framing
应用RE6递归框架来将心智模型应用于选择心智模型的过程。
把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
应用RE6递归框架来将心智模型应用于选择心智模型的过程。
在实现通过审查后使用,以识别易于实现的改进 - 仅限快速胜利,避免范围蔓延
在React 18应用程序中正式化数据流语义,以确保跨异步边界时的正确性。
在修复错误、某些功能损坏、无法正常工作或在React中不起作用时使用 - 也适用于添加功能时,需求说明为“快速修复”、“保持简单”或“遵循现有模式”的情况
保持React UI组件的简洁;将逻辑移入hooks和服务中
适用于React Native(Expo)的干净架构,使用TypeScript和Bun。在创建功能、重构代码或审查React Native项目中的代码时,请使用此技能。强制执行核心(领域)、基础设施(适配器)和UI层之间的严格分离。实现端口/适配器模式、错误的结果模式以及组件的原子设计。
按照项目模式和最佳实践创建新的React组件。包括正确的类型定义、测试和文档编写。
使用hooks、状态管理、错误处理、加载状态等模式开发React组件。在创建React组件、管理组件状态、处理用户交互或与组件生命周期工作时使用。
应用RE8引导方法,利用当前可用资源来构建能力,然后使用该能力来构建更多。
利用编译器级别的优化来最小化重新渲染并提高调度效率。
对高级渲染和水合流中出现的安全风险进行建模并加以缓解。
来自Vercel工程团队的React和Next.js性能优化指南。在编写、审查或重构React/Next.js代码以确保最佳性能模式时应使用此技能。触发于涉及React组件、Next.js页面、数据获取、包优化或性能改进的任务。
深入研究React编译器(以前称为React Forget),以调整自动记忆化和优化配置文件。
使用TypeScript、CSS模块、测试和Storybook故事来搭建React/Next.js组件。当用户要求创建React组件、生成组件模板或提到组件架构时使用。
React服务端组件与客户端组件的决策框架,'use client'的判断标准,以及组合模式。关键词:'服务端组件','客户端组件','use client','rsc','交互性','useState'
已弃用:对于符合M3标准的生产级组件,请改用component-builder。
为大型React 18代码库建立治理模型,以保持架构的完整性。
识别并缓解由并发渲染和异步效果引起的数据竞争。
使用React编译器的19种模式。触发条件:在.tsx中编写React 19组件/钩子时(React编译器规则、钩子模式、将引用作为props)。如果使用Next.js应用路由器/服务器操作,也请使用nextjs-15。
将React组件中冗长或杂乱的className属性通过cn()或className组织成语义化的组
首席工程师级别的React重构模式,用于消除代码异味。涵盖了prop钻取、状态爆炸、组件组合、抽象质量、耦合、hooks、渲染模式和可测试性等问题。在重构现有的React代码库、审查PR中的架构问题或识别React应用程序中的技术债务时使用。
调试React组件问题,包括TypeScript类型、props、状态管理、hooks和渲染问题。在解决组件未渲染、prop错误、状态未更新、hook问题或TypeScript类型不匹配时使用。
使用正确的模式、可访问性和组合来构建React组件。在创建新组件、重构现有组件或审查组件架构时使用。涵盖forwardRef、prop设计、可访问性、文件组织和测试方法。
高质量的React组件编写,注重单一职责、低耦合,并且代码和注释仅使用英文。在为此仓库添加或重构客户端组件时使用,以强制实现模块化、可组合性和清晰度,而不混杂职责。