react-performance-optimization 是做什么的?
使用记忆化、代码分割和高效渲染策略的React性能优化模式。适用于优化缓慢的React应用、减小打包大小或改善大数据集下的用户体验。
使用记忆化、代码分割和高效渲染策略来优化React性能的模式。适用于优化缓慢的React应用、减小打包大小或改善大数据集下的用户体验。
该技能提供了一系列React性能优化模式,涵盖记忆化(如React.memo、useMemo、useCallback)、代码分割(动态import、React.lazy、Suspense)以及高效渲染策略(虚拟列表、优化状态管理、避免不必要的重新渲染)。它帮助开发者诊断和解决React应用中的性能瓶颈,减少bundle大小,提升用户交互的流畅度。技能文档详细说明了每个模式的适用场景、实现步骤及最佳实践,支持所有现代React项目架构(包括函数组件和Hooks)。通过遵循这些模式,开发者可以显著改善大型数据集或复杂UI下的渲染性能。
npx skills add https://github.com/nickcrew/claude-ctx-plugin/tree/main/skills/react-performance-optimizationInstalled? Explore more 编程与开发 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
使用记忆化、代码分割和高效渲染策略的React性能优化模式。适用于优化缓慢的React应用、减小打包大小或改善大数据集下的用户体验。
Send and manage iMessages via BlueBubbles, including attachments, tapbacks, edits, replies, and groups.
Control Eight Sleep pods (status, temperature, alarms, schedules).
BluOS CLI (blu) for discovery, playback, grouping, and volume.
Create, search, and manage Bear notes via grizzly CLI.
Capture frames or clips from RTSP/ONVIF cameras.
Search GIF providers with CLI/TUI, download results, and extract stills/sheets.