搜索结果: "react"
性能优化Skill performance-optimization
性能优化技能专注于提高软件应用性能,通过代码分割、懒加载、缓存策略、包大小减少、渲染优化和性能分析等方法。用于改善页面加载时间、减少包大小、优化React渲染、实现代码分割、配置缓存策略、懒加载组件和路由、优化图像和资源、分析性能瓶颈、实现虚拟滚动、提升核心Web指标和Lighthouse分数。关键词:性能优化、代码分割、懒加载、缓存、React优化、Web性能、前端优化、后端优化、DevOps、监控。
Next.js服务器组件Skill nextjs-server-components
Next.js服务器组件是一种在服务器端渲染React组件的技术,用于优化Web应用性能、减少客户端JavaScript包大小、支持直接数据库访问,适用于构建高效、SEO友好的应用,关键词包括Next.js、服务器渲染、性能优化、React、前端开发。
Next.js应用路由器技能Skill nextjs-app-router
这个技能用于使用Next.js 13+的App Router架构构建现代Web应用,支持服务器组件、客户端组件、高级路由模式,优化数据获取和渲染性能,提升SEO友好性。关键词:Next.js, App Router, 服务器渲染, React, 前端开发
前端组件模式Skill frontend-component-patterns
前端组件模式技能专注于使用设计模式如复合组件、渲染属性、自定义钩子和高阶组件来构建可重用、可组合和可维护的React、Vue、Angular组件。适用于创建组件库、实现组件组合、设计直观的组件API、管理状态模式等场景,以提高前端开发效率和代码质量。关键词:前端开发、React、Vue、Angular、组件设计、设计模式、可重用组件、组件架构。
错误处理模式Skill error-handling-patterns
这个技能专注于设计和实施健壮的错误处理策略,包括使用try-catch块、自定义错误类、错误边界、API错误响应格式、重试逻辑、日志记录和监控,以提高软件系统的可靠性、容错能力和用户体验。关键词:错误处理、容错系统、异常管理、日志监控、API错误响应、重试策略、React错误边界、Express错误处理。
Zustand状态管理最佳实践Skill zustand
Zustand状态管理技能提供React应用中Zustand库的最佳实践指南,涵盖存储架构、选择器优化、重新渲染预防等关键方面,帮助开发者优化性能、提高代码可维护性,并集成SSR和TypeScript。关键词:Zustand, React, 状态管理, 最佳实践, 性能优化, 前端开发。
Uniwind最佳实践Skill uniwind
本技能提供了 Uniwind 在 React Native 中使用 Tailwind CSS 进行样式化的最佳实践指南,涵盖配置、主题架构、组件集成、响应式设计、性能优化等关键方面,适用于开发、Review 和代码重构,旨在提高移动应用的样式性能和可维护性。关键词:React Native, Tailwind CSS, Uniwind, 样式, 最佳实践, 性能优化, 移动开发, 前端开发, CSS, Metro 插件, 主题系统。
React测试库技能Skill react-testing-library
这个技能提供了使用 React Testing Library 进行 React 组件测试的全面指南。它包含多个最佳实践规则,帮助开发者编写可维护、用户中心的测试,覆盖查询选择、异步处理、用户交互等关键方面。适用于前端开发中的测试工作,提升代码质量和用户体验。关键词:React Testing Library, 测试, 最佳实践, 组件测试, 前端开发。
React应用架构重构指南Skill react-refactor
这个技能提供React应用程序架构重构的全面指南,涵盖关键领域如组件和状态管理,旨在提高代码质量、可维护性和测试性。关键词:React重构、前端架构、代码优化、组件设计、状态管理、钩子模式、测试策略。
React性能优化Skill react-optimise
React性能优化技能专注于提升React应用程序的运行效率和用户体验,涵盖React编译器应用、代码打包优化、渲染性能提升、数据获取策略、核心Web指标改进、状态管理优化、性能分析和内存泄漏预防。适用于前端开发者优化应用性能、减少加载时间、提升SEO友好性,并整合数据分析、性能测试和最佳实践,以支持高效开发和业务增长。
ReactNativeElements最佳实践Skill react-native-elements
这个技能是关于 React Native Elements UI 组件库的使用最佳实践,帮助开发者构建高性能、主题一致的 React Native 移动应用。关键词包括:React Native、UI 组件、最佳实践、性能优化、主题配置、移动开发。
OrvalOpenAPI客户端生成Skill orval
这是一个用于从OpenAPI规范自动生成类型安全的TypeScript客户端的技能,支持React Query、SWR等查询库集成,提供自定义mutators和Mock测试功能,适用于前端开发和API消费。关键词:Orval, OpenAPI, TypeScript, 客户端生成, React Query, SWR, 自定义mutators, MSW mocks。