C✳CODEZ.WIN
🌐 हिन्दी

स्थानीयकृत पठन मार्गदर्शिका

vercel-react-best-practicesउद्देश्य, उपयोग और स्रोत

रिएक्ट औरNext.jsवर्सेल इंजीनियरिंग के प्रदर्शन अनुकूलन दिशानिर्देश। लेखन, समीक्षा या रिफैक्टरिंग करते समय इस कौशल का उपयोग किया जाना चाहिए।React/Next.jsइष्टतम प्रदर्शन पैटर्न सुनिश्चित करने के लिए कोड। रिएक्ट घटकों से जुड़े कार्यों पर ट्रिगर।Next.jsपेज, डेटा फ़ेचिंग, बंडल ऑप्टिमाइज़ेशन या परफ़ॉर्मेंस में सुधार।

स्रोत प्राप्त किया गया:

स्रोत रिपॉज़िटरी
vercel-labs/open-agents
SKILL.md
.agents/skills/vercel-react-best-practices/SKILL.md
रिपॉज़िटरी Star
5,871
रिपॉज़िटरी का अंतिम अपडेट
2026-08-29
क्षमता वर्गीकरण
एजेंट वर्कफ़्लो
अंतिम संग्रह समय

लाइसेंस: MIT

वर्कफ़्लो के अंश केवल पढ़ने में सहायता के लिए हैं, कोडेज़ से निष्पादन योग्य निर्देश नहीं हैं। इस पृष्ठ को बनाने के लिए किसी तृतीय-पक्ष स्किल का उपयोग नहीं किया गया है।

नीचे दिए गए उद्देश्य और कार्यप्रणाली संबंधी अंश प्रारंभिक सामग्री हैं, जिन्हें पढ़ने के लिए व्यवस्थित और अनुवादित किया गया है। ये अलग से लेबल किए गए कोडेज़ संपादकीय विश्लेषण से भिन्न हैं।

यह कौशल क्या करता है

रिएक्ट औरNext.jsवर्सेल इंजीनियरिंग के प्रदर्शन अनुकूलन दिशानिर्देश। लेखन, समीक्षा या रिफैक्टरिंग करते समय इस कौशल का उपयोग किया जाना चाहिए।React/Next.jsइष्टतम प्रदर्शन पैटर्न सुनिश्चित करने के लिए कोड। रिएक्ट घटकों से जुड़े कार्यों पर ट्रिगर।Next.jsपेज, डेटा फ़ेचिंग, बंडल ऑप्टिमाइज़ेशन या परफ़ॉर्मेंस में सुधार।

अपस्ट्रीम वर्कफ़्लो कैसे काम करता है

का उपयोग कैसे करें

विस्तृत स्पष्टीकरण और कोड उदाहरणों के लिए अलग-अलग नियम फ़ाइलें पढ़ें: प्रत्येक नियम फ़ाइल में शामिल हैं: यह क्यों महत्वपूर्ण है इसका संक्षिप्त विवरण, स्पष्टीकरण सहित गलत कोड उदाहरण।

ऊपर की ओर मार्ग · L120 ↗

आवेदन कब करें

नए रिएक्ट कंपोनेंट लिखते समय या निम्नलिखित स्थितियों में इन दिशानिर्देशों का संदर्भ लें:Next.jsडेटा फ़ेचिंग (क्लाइंट या सर्वर-साइड) को लागू करना, प्रदर्शन संबंधी समस्याओं के लिए कोड की समीक्षा करना।

ऊपर की ओर मार्ग · L14 ↗

वर्सेल रिएक्ट के लिए सर्वोत्तम अभ्यास

React और के लिए व्यापक प्रदर्शन अनुकूलन मार्गदर्शिकाNext.jsवर्सेल द्वारा अनुरक्षित अनुप्रयोग। इसमें शामिल हैं58नियमों के पार8श्रेणियों को उनके प्रभाव के आधार पर प्राथमिकता दी गई है ताकि स्वचालित रिफैक्टरिंग और कोड जनरेशन को निर्देशित किया जा सके।

ऊपर की ओर मार्ग · L10 ↗
ऊपर की ओर मार्ग · ↗
rules/async-parallel.md
rules/bundle-barrel-imports.md

आवश्यकताएँ और सेटअप

इस फ़ाइल से कोई संक्षिप्त आवश्यकताएँ नहीं चुनी गईं। इसका मतलब यह नहीं है कि स्किल की कोई निर्भरता नहीं है। रिपॉजिटरी सेटअप निर्देशों और संदर्भित फ़ाइलों की जाँच करें।

सीमाएं और गुणवत्ता जांच

इस फ़ाइल से कोई अलग सीमा अंश नहीं चुना गया है। इसका मतलब यह नहीं है कि यह स्किल हर इनपुट या वातावरण के लिए सुरक्षित है। संपूर्ण स्रोत की समीक्षा करें और अपने परिणाम की पुष्टि करें।

सुरक्षित परीक्षण से शुरुआत करें

  1. समर्थित होस्ट और रिपॉजिटरी इंस्टॉलेशन निर्देशों की जाँच करें। स्किल डायरेक्टरी और उससे संबंधित स्क्रिप्ट, एसेट्स और डॉक्यूमेंटेशन को एक साथ रखें;SKILL.mdअकेले होने पर निर्भरताओं को छोड़ा जा सकता है।
  2. एजेंट को अपना वास्तविक इनपुट, अपेक्षित आउटपुट और स्वीकृति मानदंड प्रदान करें। इनवोकेशन सिंटैक्स और उपलब्ध उपकरण होस्ट पर निर्भर करते हैं; यह साइट किसी सार्वभौमिक इंस्टॉलेशन कमांड को नहीं मानती है।
  3. डिस्पोजेबल प्रोजेक्ट या उसकी कॉपी पर मूल वर्कफ़्लो को आज़माएँ। फ़ाइलों, रिमोट सेवाओं या बिल योग्य संसाधनों में परिवर्तन करने वाले कार्यों की अनुमति देने से पहले उनकी समीक्षा करें।
  4. स्रोत गुणवत्ता जांच और अपनी आवश्यकताओं के आधार पर आउटपुट को सत्यापित करें। सफल ट्रिगर या उच्च रिपॉजिटरी स्टार संख्या सही परिणाम की गारंटी नहीं देते।

कौशल प्रारूप और निर्देशिका विनिर्देश ↗

मूल लेख में आगे पढ़ें

अनुवाद और दायरा

यह पठन मार्गदर्शिका ऊपर पिन किए गए अंशों में से चयनित अंशों को प्रस्तुत करती है।SKILL.mdयह अनुवाद सहायता से किया गया है। यह कोई संपूर्ण नियमावली या परीक्षित संगतता का दावा नहीं है। उपयोग करने से पहले मूल दस्तावेज़ और उससे संबंधित फ़ाइलों को पढ़ें।

यह परिचय नीचे पिन किए गए संस्करण को संदर्भित करता है; वर्तमान रिपॉजिटरी गतिविधि और संग्रह समय अलग से दिखाए गए हैं।

पिन किया गया स्रोत
मूल लेख पढ़ें ↗
स्रोत प्राप्त किया गया
स्रोत कमिट
cf865e94de7729751c747171785b6ce57e7b178c
स्रोत SHA-256
b0bc1161fa20c5d2154099b7db2a46e9937b51d8f3f88f57ea1a06e76af0d474
संपूर्ण कौशल सूची पर वापस जाएँ