react-best-practices

Name: react-best-practices
Author: shapeshift/web

shapeshift開発38 回インストール

react-best-practices について

React と Next.js のパフォーマンス最適化に関する包括的なガイドで、ウォーターフォールの排除、バンドルサイズの最適化、レンダリング改善のための 40 以上のルールを収録しています。React アプリの最適化、性能レビュー、コンポーネントのリファクタリング時に使用します。

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://shapeshift/web --skill react-best-practices

インストール後、Claude Code で/react-best-practicesを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

references/

react-performance-guidelines.md

references/rules/

_sections.md

_template.md

advanced-event-handler-refs.md

advanced-use-latest.md

async-api-routes.md

async-defer-await.md

async-dependencies.md

async-parallel.md

async-suspense-boundaries.md

bundle-barrel-imports.md

bundle-conditional.md

bundle-defer-third-party.md

bundle-dynamic-imports.md

bundle-preload.md

client-event-listeners.md

client-swr-dedup.md

download_rules.sh

js-batch-dom-css.md

js-cache-function-results.md

js-cache-property-access.md

js-cache-storage.md

js-combine-iterations.md

js-early-exit.md

js-hoist-regexp.md

js-index-maps.md

js-length-check-first.md

js-min-max-loop.md

js-set-map-lookups.md

js-tosorted-immutable.md

Markdown 対応

ログインしてコメント

基本情報

作者: shapeshift/web
カテゴリ: 開発
インストール数: 38

問題を報告

おすすめの Skills

すべての Skills

remotion-render

github.com/inference-sh

1.6M

inference.sh を介して React/Remotion コンポーネントコードから動画をレンダリングします。TSX コードを渡すと MP4 を取得できます。useCurrentFrame、useVideoConfig、spring、interpolate、AbsoluteFill、Sequence など、すべての Remotion API に対応します。解像度、FPS、長さ、コーデックを設定できます。用途：プログラムによる動画生成、アニメーショングラフィック、モーションデザイン、データ駆動型動画、React アニメーションの動画化。トリガー：remotion、render video from code、tsx to video、react video、programmatic video、remotion render、code to video、animated video、motion graphics code、react animation video

improve-codebase-architecture

github.com/mattpocock

1.2M

コードベースをスキャンして改善の機会を探し、ビジュアル HTML レポートとして提示し、選択したものを詳しく掘り下げる。

design-mobile-apps

github.com/designed-by-ai

1.1M

Sleek でモバイルアプリの画面をデザインし、Sleek プロジェクトを編集して、React Native または HTML でデザインを実装します。

vercel-react-best-practices

github.com/vercel-labs

852.5k

Vercel Engineering の React および Next.js パフォーマンス最適化ガイドライン。React / Next.js コードを記述、レビュー、またはリファクタリングするときに、最適なパフォーマンスパターンを確保するため、このスキルを使用する必要があります。React コンポーネント、Next.js ページ、データ取得、バンドル最適化、またはパフォーマンス改善を含むタスクで発火します。