搜索结果: "react"
Uniwind最佳实践Skill uniwind
本技能提供了 Uniwind 在 React Native 中使用 Tailwind CSS 进行样式化的最佳实践指南,涵盖配置、主题架构、组件集成、响应式设计、性能优化等关键方面,适用于开发、Review 和代码重构,旨在提高移动应用的样式性能和可维护性。关键词:React Native, Tailwind CSS, Uniwind, 样式, 最佳实践, 性能优化, 移动开发, 前端开发, CSS, Metro 插件, 主题系统。
Cypress测试框架Skill cypress
Cypress测试框架是一个用于端到端测试和组件测试的工具,提供命令、断言、CI/CD集成等全面功能。适用于前端开发测试,支持React、Vue、Angular、Svelte等多种框架,包括设置测试、编写测试用例、调试测试和优化性能。关键词:Cypress、端到端测试、E2E测试、组件测试、测试自动化、浏览器测试、CI/CD集成、测试框架、持续集成。
实现拖放与可排序接口Skill implementing-drag-drop
这个技能用于通过React和TypeScript实现拖放和可排序功能,适用于看板、列表排序、文件上传等场景,注重无障碍性、触摸支持和性能优化,关键词包括:拖放、React、TypeScript、前端开发、UI交互、可排序、看板、文件上传。
ReactNative原生模块Skill react-native-native-modules
此技能专注于在React Native框架中创建和集成原生模块,实现JavaScript与iOS/Android原生代码的桥接,支持Turbo Modules、平台特定API访问、原生事件处理和性能优化,关键词包括React Native、原生模块、Turbo Modules、iOS开发、Android开发、桥接技术、移动应用开发。
反应性危害分析器Skill reactive-hazards-analyzer
反应性危害分析器是一款专注于化工过程安全的专业技能工具,用于评估化学物质的热稳定性、识别化学不相容性、分析失控反应风险。它通过处理DSC、ARC等量热数据,进行绝热失控模拟、TMRad计算、SADT确定和泄放尺寸设计,为化工工艺开发、反应器安全设计和HAZOP研究提供关键的安全评估支持。关键词:反应性化学危害,热稳定性分析,化学不相容性,失控反应评估,量热数据,过程安全,泄放尺寸设计。
Storybook组件开发助手Skill storybook
Storybook组件开发助手是一款专注于前端组件开发与文档化的专家工具。它提供Storybook配置、组件故事编写、交互测试、插件集成和自动化文档生成等核心功能,帮助开发者高效构建可复用、可测试、文档完善的UI组件库和设计系统。适用于React、Vue、Angular等主流前端框架,是提升团队协作效率和代码质量的关键工具。关键词:Storybook配置、组件故事、交互测试、UI文档、设计系统、前端组件库、React组件、Vue组件、自动化文档。
ShadCN-Framer动画组件库Skill shadcn-framer
本技能是关于如何将 ShadCN UI 组件库与 Framer Motion 动画库结合使用的技术指南。它提供了从初始化设置、基础组件使用到实现复杂动画效果(如淡入淡出、列表动画、页面过渡、悬停交互和加载动画)的完整代码示例。适用于希望为 React 应用(特别是 Next.js)添加流畅、现代化交互动效的前端开发者,关键词包括:ShadCN UI, Framer Motion, React 动画, 交互动效, Next.js 组件, 前端开发。
原生模块助手Skill native-module-helper
这个技能用于创建React Native应用中的原生模块,帮助开发者桥接JavaScript和原生代码(iOS和Android),实现集成原生SDK、优化性能关键代码或访问平台特定API。关键词包括React Native、原生模块、桥接、iOS、Android、Turbo Module、移动开发、前端开发、性能优化、跨平台开发。
前端导入优化技巧Skill bundle-barrel-imports
这个技能用于通过避免使用桶文件导入来优化前端项目的捆绑大小和性能。它能减少不必要的模块加载,提高开发启动速度、构建效率和冷启动性能,适用于使用React等现代前端框架时的库导入优化。关键词:前端优化、捆绑大小、导入优化、性能提升、barrel files。
VercelReact最佳实践Skill vercel-react-best-practices
这个技能提供了Vercel维护的React和Next.js应用程序性能优化指南,包含57条规则,涵盖8个类别,适用于前端开发中的代码优化和性能提升。关键词:React, Next.js, 性能优化, 前端开发, Vercel, 代码重构, 包优化, 数据获取。
React测试库技能Skill react-testing-library
这个技能提供了使用 React Testing Library 进行 React 组件测试的全面指南。它包含多个最佳实践规则,帮助开发者编写可维护、用户中心的测试,覆盖查询选择、异步处理、用户交互等关键方面。适用于前端开发中的测试工作,提升代码质量和用户体验。关键词:React Testing Library, 测试, 最佳实践, 组件测试, 前端开发。
React19性能优化Skill react
这个技能提供React 19应用程序的性能优化指南,涵盖并发渲染、服务器组件、表单操作、数据获取、状态管理、记忆化和组件模式等关键主题,帮助前端开发者提升应用性能、减少重新渲染和优化开发效率,关键词包括React 19、性能优化、并发渲染、服务器组件、表单操作、数据获取、状态管理。