Vercel React Best Practices

作者 vercel882e66c26986MIT300 個星標收錄於 2026年10月8日更新於 2026年10月8日儲存庫今天更新

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

僅含說明Software Development

僅公開檔案列表。將技能安裝到工作區後即可檢視檔案內容。

路徑大小類型
AGENTS.md92.3 KBtext/markdown
rules/advanced-event-handler-refs.md1.4 KBtext/markdown
rules/advanced-init-once.md958 Btext/markdown
rules/advanced-use-latest.md1 KBtext/markdown
rules/async-api-routes.md1.1 KBtext/markdown
rules/async-defer-await.md2 KBtext/markdown
rules/async-dependencies.md1.3 KBtext/markdown
rules/async-parallel.md654 Btext/markdown
rules/async-suspense-boundaries.md2.5 KBtext/markdown
rules/bundle-barrel-imports.md2.3 KBtext/markdown
rules/bundle-conditional.md949 Btext/markdown
rules/bundle-defer-third-party.md920 Btext/markdown
rules/bundle-dynamic-imports.md791 Btext/markdown
rules/bundle-preload.md1.1 KBtext/markdown
rules/client-event-listeners.md1.9 KBtext/markdown
rules/client-localstorage-schema.md1.9 KBtext/markdown
rules/client-passive-event-listeners.md1.6 KBtext/markdown
rules/client-swr-dedup.md1.1 KBtext/markdown
rules/js-batch-dom-css.md3.2 KBtext/markdown
rules/js-cache-function-results.md1.9 KBtext/markdown
rules/js-cache-property-access.md532 Btext/markdown
rules/js-cache-storage.md1.6 KBtext/markdown
rules/js-combine-iterations.md753 Btext/markdown
rules/js-early-exit.md1.1 KBtext/markdown
rules/js-flatmap-filter.md1.4 KBtext/markdown
rules/js-hoist-regexp.md1 KBtext/markdown
rules/js-index-maps.md837 Btext/markdown
rules/js-length-check-first.md1.7 KBtext/markdown
rules/js-min-max-loop.md2.2 KBtext/markdown
rules/js-set-map-lookups.md532 Btext/markdown
rules/js-tosorted-immutable.md1.7 KBtext/markdown
rules/rendering-activity.md564 Btext/markdown
rules/rendering-animate-svg-wrapper.md1.2 KBtext/markdown
rules/rendering-conditional-render.md980 Btext/markdown
rules/rendering-content-visibility.md815 Btext/markdown
rules/rendering-hoist-jsx.md1 KBtext/markdown
rules/rendering-hydration-no-flicker.md2.3 KBtext/markdown
rules/rendering-hydration-suppress-warning.md872 Btext/markdown
rules/rendering-resource-hints.md2.5 KBtext/markdown
rules/rendering-script-defer-async.md1.8 KBtext/markdown
rules/rendering-svg-precision.md588 Btext/markdown
rules/rendering-usetransition-loading.md2 KBtext/markdown
rules/rerender-defer-reads.md973 Btext/markdown
rules/rerender-dependencies.md824 Btext/markdown
rules/rerender-derived-state.md728 Btext/markdown
rules/rerender-derived-state-no-effect.md1.2 KBtext/markdown
rules/rerender-functional-setstate.md2.9 KBtext/markdown
rules/rerender-lazy-state-init.md2 KBtext/markdown
rules/rerender-memo.md1.1 KBtext/markdown
rules/rerender-memo-with-default-value.md1.1 KBtext/markdown
rules/rerender-move-effect-to-event.md1.2 KBtext/markdown
rules/rerender-no-inline-components.md2.1 KBtext/markdown
rules/rerender-simple-expression-in-memo.md1018 Btext/markdown
rules/rerender-split-combined-hooks.md1.8 KBtext/markdown
rules/rerender-transitions.md1 KBtext/markdown
rules/rerender-use-deferred-value.md1.8 KBtext/markdown
rules/rerender-use-ref-transient-values.md1.7 KBtext/markdown
rules/_sections.md1.5 KBtext/markdown
rules/server-after-nonblocking.md2 KBtext/markdown
rules/server-auth-actions.md2.6 KBtext/markdown
rules/server-cache-lru.md1.3 KBtext/markdown
rules/server-cache-react.md2.2 KBtext/markdown
rules/server-dedup-props.md2 KBtext/markdown
rules/server-hoist-static-io.md4.3 KBtext/markdown
rules/server-parallel-fetching.md1.5 KBtext/markdown
rules/server-serialization.md996 Btext/markdown
rules/_template.md631 Btext/markdown
SKILL.md6.5 KBtext/markdown

來源與署名

來源：vercel/vercel-plugin位於skills/react-best-practices/upstream提交882e66c

授權條款： MIT

內容歸原作者所有。SourceWeft 從公開儲存庫中收錄這些內容。

檢舉或申請下架

更多來自 vercel/vercel-plugin 的技能

React Best Practices

vercel

一套 React 與 Next.js 最佳實務清單，包含 64 條規則，用於審查與最佳化 TSX 元件。

Software Development300今天更新

Vercel Agent

vercel

關於 Vercel Agent 的指引，涵蓋聊天、程式碼審查、問題調查與產品安裝。

DevOps & Cloud300今天更新

Shadcn

vercel

指導 shadcn/ui 的 CLI 使用、元件安裝、主題設定、自訂登錄檔與介面組合。

Software Development300今天更新

Queues

vercel

關於使用 Vercel Queues 持久主題發佈與消費背景訊息的指引。

DevOps & Cloud300今天更新

Next Upgrade

vercel

指導依照官方遷移指南與 codemod 將 Next.js 專案升級到最新版本。

Software Development300今天更新

Next Cache Components

vercel

說明 Next.js 16 快取元件：PPR、use cache 指令、cacheLife、cacheTag，以及從 unstable_cache 移轉。

Software Development300今天更新

更多Software Development技能

Playground

anthropics

精選

建立自成一體的互動式 HTML 遊樂場，包含控制項、即時預覽與可複製的提示詞輸出。

Software Development37K今天更新

M5 Onboard

anthropics

精選

透過 USB 偵測 M5Stack ESP32 開發板，燒錄 UIFlow 2.0 韌體並安裝 MicroPython 應用程式套件。

Software Development37K今天更新

Cardputer Buddy

anthropics

精選

指導迭代 Cardputer-Adv 的 MicroPython 應用程式套件：新增應用程式、透過 USB 序列埠推送檔案、查看日誌並執行 REPL 指令。

Software Development37K今天更新

Web Design Guidelines

vercel-labs

精選

依據從遠端來源取得的 Web Interface Guidelines 審查 UI 程式碼，並以 file:line 形式回報問題。

Software Development32K5 週前更新

Vercel React Native Skills

vercel-labs

精選

React Native 與 Expo 最佳實務規則，涵蓋清單效能、動畫、導覽、UI 模式、狀態與 monorepo 設定。

Software Development32K5 週前更新

Vercel React Best Practices

vercel-labs

精選

Vercel 的 React 與 Next.js 效能指南，以 70 條規則的形式用於撰寫、審查與重構程式碼。

Software Development32K5 週前更新