विषयसूची:

मैं स्टोरीबुक रिएक्ट कैसे चलाऊं?
मैं स्टोरीबुक रिएक्ट कैसे चलाऊं?

वीडियो: मैं स्टोरीबुक रिएक्ट कैसे चलाऊं?

वीडियो: मैं स्टोरीबुक रिएक्ट कैसे चलाऊं?
वीडियो: React Storybook Crash Course 2024, दिसंबर
Anonim

यह स्टोरीबुक द्वारा स्वचालित सेटअप (स्टोरीबुक 5.3 या नए) के दौरान स्थापित किया गया है।

  1. चरण 1: निर्भरताएँ जोड़ें। जोड़ें @ कहानियों का संग्रह / प्रतिक्रिया .
  2. चरण 2: एक npm स्क्रिप्ट जोड़ें। फिर निम्नलिखित NPM स्क्रिप्ट को अपने package.json में शुरू करने के लिए जोड़ें कहानियों का संग्रह बाद में इस गाइड में:
  3. चरण 3: मुख्य फ़ाइल बनाएँ।
  4. चरण 4: अपनी कहानियाँ लिखें।

इसके अलावा, आप स्टोरीबुक विथ रिएक्ट का उपयोग कैसे करते हैं?

  1. स्टोरीबुक की स्थापना। कोड की वे 2 पंक्तियाँ आपके रिएक्ट प्रोजेक्ट में Storybook स्थापित करेंगी: cd my-project-directory.
  2. नॉब्स ऐड-ऑन। लक्ष्य: स्टोरीबुक में अपने घटक गुणों को रीयल-टाइम में संपादित करें।
  3. स्टोरीशॉट्स ऐड-ऑन। लक्ष्य: अपनी सभी कहानियों में स्वचालित जेस्ट स्नैपशॉट परीक्षण जोड़ें।
  4. बोनस: कुछ और टिप्स।

इसी तरह, आप मेजबान कैसे प्रतिक्रिया करते हैं? फायरबेस होस्टिंग के साथ एक रिएक्ट आधारित वेबसाइट को निःशुल्क होस्ट करें और अपने स्वयं के कस्टम डोमेन से जुड़ें

  1. चरण 1: फायरबेस कंसोल में एक नया प्रोजेक्ट बनाएं।
  2. चरण 2: Node.js डाउनलोड और इंस्टॉल करें।
  3. चरण 3: यार्न नोड पैकेज स्थापित करें।
  4. चरण 4: एक नया रिएक्ट ऐप बनाएं।
  5. चरण 5: फायरबेस-टूल्स एनपीएम पैकेज स्थापित करें।

यहाँ, प्रतिक्रिया के लिए स्टोरीबुक क्या है?

कहानियों का संग्रह के लिए अलगाव में UI घटकों को विकसित करने के लिए एक खुला स्रोत उपकरण है प्रतिक्रिया , Vue, और कोणीय। यह आश्चर्यजनक UI को व्यवस्थित और कुशल बनाता है। प्रारंभ करें वीडियो देखें। के लिए बनाया। प्रतिक्रिया.

मैं कहानी की किताब कैसे शुरू करूं?

यह स्टोरीबुक द्वारा स्वचालित सेटअप (स्टोरीबुक 5.3 या नए) के दौरान स्थापित किया गया है।

  1. चरण 1: निर्भरताएँ जोड़ें। @स्टोरीबुक/प्रतिक्रिया जोड़ें।
  2. चरण 2: एक npm स्क्रिप्ट जोड़ें। फिर इस गाइड में बाद में स्टोरीबुक शुरू करने के लिए अपने package.json में निम्नलिखित NPM स्क्रिप्ट जोड़ें:
  3. चरण 3: मुख्य फ़ाइल बनाएँ।
  4. चरण 4: अपनी कहानियाँ लिखें।

सिफारिश की: