साफ चेतावनी! यह इन तकनीकों को स्थापित करने के तरीके के माध्यम से तेज़, सीधा, विशेषज्ञ-संचालित हल नहीं है। हालांकि, अंत तक, हम सफलतापूर्वक इसे सभी जा रहे हैं। यह इस तरह के काम करने के वास्तविक दुनिया के अनुभव का दस्तावेजीकरण करने के बारे में है। कुछ चीजें आसानी से काम करती हैं, कुछ नहीं। कभी-कभी यह मेरी गलती है। कभी-कभी डॉक्स अस्पष्ट होते हैं। कभी-कभी परिवर्तन हमारे पैरों के नीचे हुआ है। हमें इसके जरिए लड़ाई लड़नी होगी।
हमें यहां थोड़ी योजना मिली है। हम जो करना चाहते हैं वह एक स्थानीय परियोजना का उपयोग करता है:
- प्रतिक्रिया: मान लें कि हम एक एसपीए का निर्माण कर रहे हैं और दृढ़ता से एक घटक मॉडल के साथ काम करने की इच्छा रखते हैं।
- ReactDOM - हम वेब के लिए निर्माण कर रहे हैं।
- वेबपैक: हम एक देव सर्वर, हॉट मॉड्यूल पुनः लोड करना चाहते हैं, और उत्पादन-योग्य तरीके से हमारी निर्भरता को बंडल करने का एक तरीका है।
- बैबेल: हमें बहुत अधिक भविष्य के जावास्क्रिप्ट संकलन की आवश्यकता नहीं हो सकती है, लेकिन हमें JSX की आवश्यकता है, और बैबल वह है जो इसे संकलित करता है।
- सीएसएस मॉड्यूल: हम कुछ अलग-अलग घटक-विशिष्ट सीएसएस लिखना चाहते हैं और यह करने का एक अच्छा तरीका है जहां हमारी शैली स्टाइलशीट्स में रहती है।
सौभाग्य से, जैसा कि मैं इस वीडियो को करने की योजना बना रहा था, मुझे लाइनह गुयेन माय द्वारा लेख "वेबपैक 4 का उपयोग करके स्क्रैच से एक रिएक्ट ऐप कैसे बनाएं" मिला। मध्यम पर 12.5K ताली! वाह! मैंने इसके साथ क्लैप्स का एक जोड़ा भी जोड़ा, क्योंकि ऐसा लगता है कि वहाँ एक ट्यूटोरियल है जो वास्तव में दोस्तों के इस सुपर लोकप्रिय संयोजन को एक स्वीकार्य तरीके से कवर करता है जो वास्तव में काम करता है।
ऐसा नहीं है कि सब कुछ आसानी से और आसानी से हो जाता है! मैं रास्ते में थोड़ी परेशानियों के भार में दौड़ता हूं। इसमें से कुछ मैं मोटी-मोटी चीजें हैं। इसमें से कुछ रहस्यमय त्रुटियां हैं जो पॉप अप करते हैं जब हम कमांड चलाते हैं जिसे मैं मुश्किल से समझता हूं। इसमें से कुछ सुविधाओं के बारे में लापता दस्तावेज प्रतीत हो रहे हैं। फिर भी, हम इसे अंत में हल कर लेते हैं और एक काम कर रहे हैं!