搜索结果: "react"
Tailwindv4+shadcn/ui生产堆栈技能Skill tailwind-v4-shadcn
这个技能提供了一个生产就绪的设置指南,用于使用 Tailwind CSS v4、shadcn/ui、Vite 和 React 构建前端项目。它涵盖了暗色模式实现、CSS 变量架构、常见问题修复和最佳实践,帮助开发者高效搭建和调试现代 Web 应用。关键词:Tailwind v4, shadcn/ui, Vite, React, 暗色模式, CSS 变量, 前端开发, 生产部署, SEO。
Jest测试生成器Skill jest-generator
这个技能用于自动生成Jest单元测试,适用于JavaScript和TypeScript代码,包括Mocking、覆盖率分析、测试结构组织等。它能提升前端开发中的测试效率,覆盖常见测试场景如React组件测试、异步代码测试和错误处理。关键词:Jest, 测试生成, 单元测试, JavaScript, TypeScript, 覆盖率, Mocking, 前端测试。
React服务器端动作Skill react-server-actions
React服务器端动作是一种在Next.js 14+框架中实现的功能,用于安全处理表单提交和服务器端数据操作,无需API路由。它支持渐进增强、服务器端验证、文件上传和乐观UI更新,适用于现代Web开发中的表单处理、服务器突变和性能优化场景。关键词:React Server Actions, Next.js, 表单处理, 服务器端突变, 渐进增强, 安全性, 缓存重新验证, 文件上传, 乐观UI更新, Web开发。
性能优化Skill performance-optimization
性能优化技能专注于提高软件应用性能,通过代码分割、懒加载、缓存策略、包大小减少、渲染优化和性能分析等方法。用于改善页面加载时间、减少包大小、优化React渲染、实现代码分割、配置缓存策略、懒加载组件和路由、优化图像和资源、分析性能瓶颈、实现虚拟滚动、提升核心Web指标和Lighthouse分数。关键词:性能优化、代码分割、懒加载、缓存、React优化、Web性能、前端优化、后端优化、DevOps、监控。
错误处理模式Skill error-handling-patterns
这个技能专注于设计和实施健壮的错误处理策略,包括使用try-catch块、自定义错误类、错误边界、API错误响应格式、重试逻辑、日志记录和监控,以提高软件系统的可靠性、容错能力和用户体验。关键词:错误处理、容错系统、异常管理、日志监控、API错误响应、重试策略、React错误边界、Express错误处理。
前端开发模式Skill frontend-patterns
前端开发模式技能专注于使用React和Next.js框架,涵盖组件设计、状态管理、性能优化、UI最佳实践等,帮助开发者构建高性能、可维护的前端应用。关键词:前端开发、React、Next.js、状态管理、性能优化、UI设计、组件模式、量化交易应用。
React组合模式Skill vercel-composition-patterns
React组合模式是一种前端开发技能,用于构建可维护的React组件,避免布尔属性泛滥,提升代码质量和团队协作效率。关键词:React, 组合模式, 组件库, 前端开发, 复合组件, 状态管理, 可扩展架构
Zustand存储模式Skill zustand-store-patterns
这个技能是关于使用Zustand进行React状态管理的存储模式,用于优化应用性能和组织代码结构,包括存储定义、选择器、动作分离、性能优化等。关键词:Zustand, React, 状态管理, 存储模式, 前端开发, 性能优化。
ReactNative样式设计Skill react-native-styling
这个技能用于React Native应用中的样式设计和布局优化,包括StyleSheet API、Flexbox布局、响应式设计、平台特定样式和主题化。关键词:React Native, 样式设计, Flexbox, 响应式设计, 主题化, 移动开发, 前端开发, 用户体验设计。
ArbitrumdApp开发技能指南Skill arbitrum-dapp-skill
本技能指南是关于如何在 Arbitrum 区块链上使用 Stylus (Rust) 和 Solidity 开发去中心化应用 (dApp) 的完整教程。内容涵盖从本地开发环境搭建 (nitro-devnode)、智能合约编写与测试 (Rust/Solidity)、到前端 (React/Next.js) 集成 (viem/wagmi) 的全栈工作流。关键词:Arbitrum, dApp开发, 智能合约, Stylus, Rust, Solidity, 区块链开发, 前端集成, 本地测试, 部署指南。
GraphQL移动端集成Skill GraphQLMobile
GraphQL 移动端集成技能专注于为移动应用(如 React Native、Flutter、iOS、Android)提供 GraphQL 客户端解决方案。它涵盖 Apollo Client 配置、代码自动生成、缓存策略优化以及实时数据订阅,旨在提升移动端数据获取效率、类型安全性和开发体验。关键词:GraphQL,移动开发,Apollo Client,代码生成,缓存策略,实时订阅,React Native,Flutter,iOS,Android。
CSS模块化样式技能Skill css-modules
CSS Modules 是一种用于实现 CSS 样式作用域化和模块化的技术。本技能提供 CSS Modules 的配置、编写、组合、变量使用和主题化处理的专家指导。它帮助前端开发者在 React 等现代框架中管理组件样式,避免样式冲突,构建可维护的设计系统。关键词:CSS Modules,作用域样式,模块化CSS,React样式,前端开发,组件样式,CSS变量,主题化。