搜索结果: "react"
前端组件模式Skill frontend-component-patterns
前端组件模式技能专注于使用设计模式如复合组件、渲染属性、自定义钩子和高阶组件来构建高效、可维护的前端组件。适用于React、Vue和Angular框架,帮助开发者创建可重用UI库、优化组件架构和提升开发效率。关键词:前端开发、组件设计、React模式、Vue组件、Angular架构、可重用UI、性能优化、无障碍访问。
shadcn/ui前端组件库开发技能Skill shadcn
这个技能提供了shadcn/ui组件库的全面最佳实践指南,覆盖项目设置、组件架构、可访问性、样式主题、表单模式、数据展示、布局导航、组件组合、性能优化和状态管理,适用于前端开发者使用React、Tailwind CSS、Radix UI等技术进行高效、可访问和性能优化的Web开发。关键词:shadcn/ui, 前端开发, React, Tailwind CSS, 可访问性, 性能优化, 组件库。
MUI无头UI组件库最佳实践Skill mui-base
这个技能提供了MUI Base UI的最佳实践指南,专为构建无头React组件库设计。它涵盖了组件模式、命名约定、组织方式、错误处理和样式规则,帮助开发者创建无样式UI组件、复合组件、实现无障碍优先模式,并支持受控和非受控组件模式。关键词:MUI, React, 组件库, 无头UI, 前端开发, 最佳实践。
特性架构技能Skill feature-arch
此技能用于React应用程序的特性驱动架构设计,提供最佳实践指南,帮助开发人员组织项目结构、管理依赖、实现模块化开发,以提高应用的可扩展性和团队协作效率。关键词:React、特性驱动架构、前端开发、项目结构、模块化、可扩展性、代码审查。
设计系统入门工具Skill design-system-starter
这个技能是一个设计系统入门工具,用于快速创建和管理设计系统,提供设计令牌、组件架构、可访问性指南和文档模板。它帮助确保用户界面的一致、可扩展和可访问,适用于前端开发者和设计师,提升开发效率和用户体验。关键词:设计系统、UI组件、前端开发、可访问性、设计令牌、React、主题化、文档、原子设计、WCAG合规。
前端开发模式Skill frontend-patterns
前端开发模式技能专注于使用React和Next.js框架,涵盖组件设计、状态管理、性能优化、UI最佳实践等,帮助开发者构建高性能、可维护的前端应用。关键词:前端开发、React、Next.js、状态管理、性能优化、UI设计、组件模式、量化交易应用。
自主代理技能Skill autonomous-agents
此技能专注于设计和构建可靠的自主AI代理系统。涵盖代理循环(如ReAct和Plan-Execute)、目标分解、自我纠正和反思模式。强调通过减少失败率和添加护栏来确保代理在生产环境中的稳定性。关键词:自主代理、AI智能体、agent loops、目标分解、自我纠正、反思模式、可靠性、护栏。
Jest测试框架技能指南Skill jest
此技能提供Jest测试框架的全面指导,帮助用户编写和管理JavaScript/TypeScript测试,包括单元测试、集成测试、模拟函数、异步测试、快照测试和项目配置。适用于前端和后端开发中的测试需求,提高代码质量和测试效率。关键词:Jest, 测试, 单元测试, 集成测试, Mock, 快照, 匹配器, 异步测试, 覆盖率, CLI, 配置, TypeScript, React, Vue。
Cypress测试框架Skill cypress
Cypress测试框架是一个用于端到端测试和组件测试的工具,提供命令、断言、CI/CD集成等全面功能。适用于前端开发测试,支持React、Vue、Angular、Svelte等多种框架,包括设置测试、编写测试用例、调试测试和优化性能。关键词:Cypress、端到端测试、E2E测试、组件测试、测试自动化、浏览器测试、CI/CD集成、测试框架、持续集成。
Next.jsAppRouter最佳实践Skill nextjs-app-router-patterns
这个技能用于掌握Next.js 14+ App Router的高级开发模式,包括Server Components、流式渲染、并行路由和高效数据获取,适用于构建高性能、可扩展的Next.js应用程序,优化服务器端渲染和静态生成,提升全栈开发效率和用户体验。关键词:Next.js, App Router, Server Components, streaming, SSR, SSG, React, 前端开发, 数据获取, 缓存优化。
ReactNative平台API技能Skill react-native-platform
该技能专注于在React Native应用中处理iOS和Android平台特定代码,包括平台检测、平台特定文件、组件、权限处理和跨平台最佳实践,帮助开发者高效实现移动应用开发。关键词:React Native, 跨平台开发, iOS, Android, 平台API, 原生模块, 移动应用开发。
VercelReact最佳实践Skill vercel-react-best-practices
这是一份由Vercel官方维护的React和Next.js应用性能优化权威指南。它提供了45条经过验证的最佳实践规则,涵盖消除瀑布流、包大小优化、服务器与客户端性能、重渲染控制、JavaScript执行效率等关键领域,旨在帮助开发者编写高性能、可维护的现代Web应用代码。关键词:React性能优化,Next.js最佳实践,前端性能,代码重构,Vercel工程指南,Web应用优化。