搜索结果: "react"
表单验证Skill form-validation
使用 React Hook Form, Formik, Vee-Validate 和自定义验证器实现表单验证,包括客户端验证、服务器端同步和实时错误反馈。
前端路由Skill frontend-routing
前端路由技能涉及使用React Router、Vue Router和Angular Router实现客户端路由,包括多页面导航、URL状态管理、受保护路由、组件懒加载和查询参数处理。
前端测试Skill frontend-testing
前端测试技能,涵盖使用Jest、Vitest、React Testing Library和Cypress进行单元测试、集成测试和端到端测试,以构建全面的测试套件,提高代码质量和可靠性。
AnimationPatternsinReactSkill AnimationPatternsinReact
在React中使用Framer Motion、GSAP、React Spring和CSS动画创建高效、可访问的动画,包含最佳实践。
CloudflareTurnstile机器人防护Skill cloudflare-turnstile
此技能提供Cloudflare Turnstile的集成指南,用于替代CAPTCHA实现网站机器人防护,防止垃圾邮件和恶意攻击。适用于前端框架如React、Next.js,后端如Cloudflare Workers、Hono,并包括服务器端验证和故障排除。关键词:Turnstile, CAPTCHA, 机器人防护, siteverify, 云安全, bot protection, 身份验证
自动动画Skill auto-animate
AutoAnimate 是一个零配置的前端动画库,适用于 React、Vue、Svelte 等框架,可自动为列表过渡、手风琴、提示消息等添加平滑动画效果。它轻量级、易于集成,并支持 SSR 安全。关键词:自动动画,零配置动画,React动画,Vue动画,轻量动画,前端开发,动画库。
VercelReact最佳实践Skill vercel-react-best-practices
这是一个用于React和Next.js应用性能优化的技能,提供Vercel工程团队的45条最佳实践规则,涵盖从消除瀑布效应到包大小优化等关键领域,旨在指导代码重构和自动化生成。关键词包括:React, Next.js, 性能优化, 前端开发, 代码审查, 数据获取, 包优化, 渲染性能, JavaScript优化。
React最佳实践Skill react-best-practices
提供React钩子、效果、引用和组件设计的模式。涵盖逃生口、反模式和正确的效果使用。在阅读或编写React组件(带有React导入的.tsx、.jsx文件)时必须使用。
Tamagui最佳实践指南Skill tamagui-best-practices
Tamagui跨平台UI框架高级开发指南,涵盖配置v4、编译器优化、样式化上下文、复合组件、主题系统、性能优化和常见反模式。适用于React Native和Web应用开发,提供TypeScript最佳实践、设计令牌管理和跨平台适配方案。
ReactuseEffect最佳实践指南Skill react-useeffect
React useEffect钩子使用规范与优化技巧,涵盖数据获取、状态同步、性能优化等核心场景。提供何时使用与避免Effect的决策框架,包含常见反模式解决方案和替代方案推荐。关键词:React Hooks, useEffect, 性能优化, 状态管理, 前端开发, 最佳实践
前端开发技能Skill frontend-developer-skill
前端开发技能是构建现代Web应用程序的核心能力,涵盖React、Vue、Angular等主流框架,以及状态管理、性能优化、测试工具链和组件化开发。该技能专注于创建高性能、可维护、响应式的用户界面,适用于企业级应用、电商平台、管理后台和移动端Web开发。关键词:前端开发、React、Vue、Angular、状态管理、性能优化、Web应用、组件化、TypeScript、测试框架。
全栈开发专家Skill fullstack-developer
全栈开发专家技能,专注于端到端应用开发,涵盖前端、后端、数据库和DevOps。提供从系统架构设计、API开发、前端界面实现到部署运维的完整解决方案。擅长React、Vue、Node.js、Python、Docker等技术栈,实现高性能、可扩展的Web应用。关键词:全栈开发,前后端集成,Web应用开发,系统架构,React,Vue,Node.js,API设计,DevOps,微服务。