搜索结果: "react"

shadcn/ui前端组件库开发技能Skill shadcn

4.5

这个技能提供了shadcn/ui组件库的全面最佳实践指南,覆盖项目设置、组件架构、可访问性、样式主题、表单模式、数据展示、布局导航、组件组合、性能优化和状态管理,适用于前端开发者使用React、Tailwind CSS、Radix UI等技术进行高效、可访问和性能优化的Web开发。关键词:shadcn/ui, 前端开发, React, Tailwind CSS, 可访问性, 性能优化, 组件库。

React最佳实践Skill react-best-practices

4.5

这个技能提供了Vercel Engineering维护的React和Next.js性能优化指南,包含45个规则,帮助开发者优化代码性能,涉及数据获取、包大小优化、渲染优化等关键领域,适用于前端开发,提升应用程序加载速度和用户体验。关键词:React性能优化, Next.js最佳实践, 前端开发指南, Vercel工程, 代码重构, 性能改进, SEO优化。

MultiversXdApp前端集成Skill multiversx-dapp-frontend

4.5

这个技能用于将 React 前端应用快速集成到 MultiversX 区块链,支持钱包认证、交易签名、智能合约交互和 Web3 功能。适用于构建去中心化应用(dApp)、DeFi 平台、NFT 市场等场景。关键词:MultiversX,区块链,React,dApp 开发,钱包连接,智能合约,Web3。

Apollo客户端模式Skill apollo-client-patterns

4.5

该技能用于在React应用中实现Apollo Client的GraphQL模式,包括查询、突变、缓存管理、本地状态处理等。关键词:Apollo Client, GraphQL, React, 缓存, 状态管理, 前端开发。

ZustandTypeScript集成Skill zustand-typescript

4.5

这个技能专注于在TypeScript项目中集成Zustand状态管理库,提供类型安全的商店创建、选择器定义、切片模式、中间件使用等高级模式,帮助前端开发者构建可维护、高效和类型安全的React应用。关键词:Zustand, TypeScript, 状态管理, 类型安全, 前端开发, React, 商店创建, 选择器, 切片模式, 中间件。

ReactuseEffect最佳实践指南Skill react-useeffect

4.5

React useEffect钩子使用规范与优化技巧,涵盖数据获取、状态同步、性能优化等核心场景。提供何时使用与避免Effect的决策框架,包含常见反模式解决方案和替代方案推荐。关键词:React Hooks, useEffect, 性能优化, 状态管理, 前端开发, 最佳实践

ReduxToolkit技能Skill redux-toolkit

4.5

Redux Toolkit 技能提供在 React 应用中实现现代化状态管理的专家级指导。它专注于 Redux Toolkit 库的核心模式,包括创建类型安全的切片(slice)、使用 createAsyncThunk 处理异步逻辑、配置 RTK Query 进行高效的数据获取与缓存、利用 createEntityAdapter 进行状态规范化,以及集成 Redux DevTools 进行调试。适用于从零搭建 Redux 项目、迁移旧版 Redux 或优化现有状态管理架构。关键词:Redux Toolkit,React 状态管理,RTK Query,异步操作,TypeScript,前端开发,状态规范化。

前端API客户端与JWT技能Skill frontend-api-client-with-jwt

4.5

这是一个用于在Next.js框架中构建安全、稳健的API客户端的技能,专门处理JWT令牌的身份验证流程。该技能提供集中化的API通信层,自动管理令牌的附加、过期检测和刷新,标准化错误处理,并支持客户端和服务器端集成。关键词:Next.js API客户端、JWT身份验证、令牌管理、前端安全、API集成、错误处理、React集成、性能优化

构建Next.js应用Skill building-nextjs-apps

4.5

本技能专注于使用Next.js 16框架构建现代化Web应用程序,涵盖从项目初始化、架构设计到部署的全流程。内容包括Next.js 16的重大变更(异步params/searchParams、Turbopack、缓存组件)、App Router模式、服务器组件与客户端组件的最佳实践、API路由设计、中间件配置(proxy.ts)、数据获取策略、项目结构规范以及开发工具集成(Next.js DevTools MCP)。适用于前端开发者、全栈工程师构建高性能、可扩展的React应用,特别适合需要SEO优化、服务器端渲染和现代化开发体验的项目。

前端组件生成器Skill frontend-component

4.5

自动化生成React/Vue组件,包括TypeScript定义、测试和样式,遵循最佳实践,提高开发效率。

ReactHookForm+Zod验证Skill react-hook-form-zod

4.5

此技能用于在 React 应用中实现类型安全的表单验证,结合 React Hook Form 和 Zod 库。它支持表单模式定义、字段数组、多步骤表单、客户端和服务器端验证,并解决常见错误如未控制到控制警告。关键词:React Hook Form, Zod, 表单验证, 类型安全, 前端开发, React 表单, 性能优化, 可访问性。

特性架构技能Skill feature-arch

4.5

此技能用于React应用程序的特性驱动架构设计,提供最佳实践指南,帮助开发人员组织项目结构、管理依赖、实现模块化开发,以提高应用的可扩展性和团队协作效率。关键词:React、特性驱动架构、前端开发、项目结构、模块化、可扩展性、代码审查。