搜索结果: "react"
代码模式与实践Skill code-patterns-practices
本技能是关于React Native移动应用开发的代码模式、最佳实践和常见解决方案的集合。它提供了组件设计、状态管理、数据获取、性能优化、错误处理以及移动端特有问题的实用模式,旨在帮助开发者编写更高质量、更易维护的代码。关键词:React Native, 移动开发, 代码模式, 最佳实践, 性能优化, 组件设计, 状态管理, 自定义Hooks。
移动端测试Skill mobile-testing
React Native移动应用测试技能,提供使用Jest和React Native Testing Library进行组件测试、Hook测试、工具函数测试的完整指南。包含测试设置、模板代码、模拟模式、最佳实践和故障排除方法,适用于移动开发工程师进行自动化测试开发。关键词:React Native测试,Jest测试,移动端自动化测试,组件测试,测试覆盖率
ReactZustand状态管理模式Skill react-zustand-patterns
本文档提供了React中使用Zustand状态管理库时的常见模式和最佳实践,包括同步设置与异步渲染、避免过时闭包、异步操作处理、选择器稳定性、派生状态计算、商店订阅和副作用处理、Zustand商店的测试以及调试状态变化。这些模式有助于理解和解决在使用Zustand时可能遇到的各种状态管理问题。
Expo升级指南Skill upgrading-expo
本技能提供Expo SDK版本升级的详细指南,帮助开发者解决依赖冲突、处理破坏性更改,并实现顺利迁移,适用于移动应用开发场景。关键词:Expo, SDK升级, 依赖管理, React Native, 移动开发, 版本迁移, 依赖冲突, 破坏性更改
服务器组件Skill server-components
此技能详细介绍了React服务器组件在Next.js中的应用,涵盖服务器与客户端组件的区分、组合模式及数据获取方法,适用于前端开发。关键词:React服务器组件、Next.js、服务器渲染、客户端交互、组件架构。
Bknd分页数据检索Skill bknd-pagination
这个技能用于在Bknd平台中实现分页数据检索,涵盖限制/偏移分页、页面计算、分页元数据处理、分页辅助函数、无限滚动和React集成模式,适用于构建分页列表、表格和无限滚动功能。关键词:分页,Bknd,数据检索,React,无限滚动。
Bknd登录注销流程Skill bknd-login-flow
此技能用于在Bknd应用中实现用户认证流程,包括登录、注销和会话检查功能,涵盖SDK认证方法、REST API端点、React集成、错误处理等。关键词:Bknd、登录、注销、认证、前端开发、React、REST API、SDK、错误处理、会话管理。
现代Web应用架构Skill modern-web-app-architecture
这个技能用于设计和构建现代Web应用程序,包括单页应用(SPA)、服务器端渲染(SSR)、静态站点生成(SSG)和React服务器组件(RSC)等。它涵盖架构权衡、状态管理、性能优化、测试策略、交付流程和团队扩展,提供生产就绪的实践指导,如核心Web指标、可访问性、安全性和微前端架构。关键词:Web应用架构、SPA、SSR、SSG、RSC、前端开发、性能优化、状态管理、测试、团队扩展。
Zustand状态管理最佳实践Skill zustand
Zustand状态管理技能提供React应用中Zustand库的最佳实践指南,涵盖存储架构、选择器优化、重新渲染预防等关键方面,帮助开发者优化性能、提高代码可维护性,并集成SSR和TypeScript。关键词:Zustand, React, 状态管理, 最佳实践, 性能优化, 前端开发。
MUIv7组件库模式Skill mui
这个技能提供了Material-UI v7组件库的使用模式,包括sx prop样式、主题集成、响应式设计和MUI特定钩子。适用于前端开发中的React项目,帮助开发者高效构建用户界面,提供最佳实践和代码示例。关键词:MUI, Material-UI, 前端开发, React组件, 样式设计, 主题定制, 响应式设计, 组件库
Web组件构建器Skill web-artifacts-builder
这是一个前端开发工具,用于快速创建和打包复杂的HTML组件,使用React、Tailwind CSS和shadcn/ui等现代技术,适用于需要状态管理、路由或多组件的Web项目。关键词包括前端开发、HTML打包、React组件、Tailwind CSS、shadcn/ui、Web组件构建、前端工具、组件打包、状态管理、路由支持。
ReactFlow自定义节点与边缘技能Skill reactflow-custom-nodes
React Flow自定义节点与边缘技能是用于使用React Flow库创建自定义节点和边缘的技术,主要应用于构建节点编辑器、工作流界面、可视化图表和数据流程图等前端开发场景。它支持交互式表单元素、多种节点类型、工具栏、可调整大小节点、分组节点、自定义边缘交互和连接验证。关键技能包括自定义组件、样式定制、行为交互、性能优化、前端开发、UI设计和JavaScript框架。