React Render Optimization
patternsdev/skills/react/react-render-optimization作者 patternsdev48bf58a488cdMIT253 個星標收錄於 2026年10月8日更新於 2026年10月8日儲存庫5 個月前更新
Teaches React rendering performance optimization patterns. Use when reducing unnecessary re-renders, optimizing memoization, improving state design, or diagnosing React performance issues.
僅公開檔案列表。將技能安裝到工作區後即可檢視檔案內容。
| 路徑 | 大小 | 類型 |
|---|---|---|
| SKILL.md | 27.6 KB | text/markdown |
來源與署名
來源：patternsdev/skills位於react/react-render-optimization提交48bf58a
授權條款： MIT
內容歸原作者所有。SourceWeft 從公開儲存庫中收錄這些內容。
更多來自 patternsdev/skills 的技能
Virtual Lists
patternsdev
講解用於高效渲染大型清單與網格的清單虛擬化（視窗化）技術。
View Transitions
patternsdev
講解 View Transitions API，用於在網頁應用程式中為 DOM 變更與頁面導覽加入動畫轉場。
Tree Shaking
patternsdev
說明如何透過 tree shaking 移除未使用的 JavaScript 匯出，以在建置階段縮小打包體積。
Third Party
patternsdev
指導開發者降低第三方指令碼（如分析、廣告、嵌入內容）對頁面載入與 Core Web Vitals 的影響。
Static Import
patternsdev
說明 ES2015 靜態 import 語法，以及何時應優先使用它而非動態匯入模組相依性。
Singleton Pattern
patternsdev
講解 JavaScript 單例模式，用於管理唯一的共享實例，並附範例與利弊分析。
更多Software Development技能
Playground
anthropics
建立自成一體的互動式 HTML 遊樂場，包含控制項、即時預覽與可複製的提示詞輸出。
M5 Onboard
anthropics
透過 USB 偵測 M5Stack ESP32 開發板，燒錄 UIFlow 2.0 韌體並安裝 MicroPython 應用程式套件。
Cardputer Buddy
anthropics
指導迭代 Cardputer-Adv 的 MicroPython 應用程式套件：新增應用程式、透過 USB 序列埠推送檔案、查看日誌並執行 REPL 指令。
Web Design Guidelines
vercel-labs
依據從遠端來源取得的 Web Interface Guidelines 審查 UI 程式碼，並以 file:line 形式回報問題。
Vercel React Native Skills
vercel-labs
React Native 與 Expo 最佳實務規則，涵蓋清單效能、動畫、導覽、UI 模式、狀態與 monorepo 設定。
Vercel React Best Practices
vercel-labs
Vercel 的 React 與 Next.js 效能指南，以 70 條規則的形式用於撰寫、審查與重構程式碼。