| title | एक नया React प्रोजेक्ट शुरू करें |
|---|
यदि आप React सीख रहे हैं या इसे किसी मौजूदा प्रोजेक्ट में इस्तेमाल करने पर विचार कर रहे हैं, तो आप स्क्रिप्ट टैग को किसी भी HTML पेज पर React इस्तेमाल करके शुरू कर सकते हैं। यदि आपके प्रोजेक्ट को कई कौम्पोनॅन्ट और कई फाइलों की आवश्यकता होगी, तो यह नीचे दिए गए औपशंस पर विचार करने का समय हो सकता है!
React एक library है जो आपको यूआई कोड को कौम्पोनॅन्ट नामक टुकड़ों में तोड़कर व्यवस्थित करने देता है। React रूटिंग या डेटा प्रबंधन का ध्यान नहीं रखता है। इन सुविधाओं के लिए, आप थर्ड-पार्टी लाइब्रेरी का उपयोग करना चाहेंगे या अपने स्वयं के समाधान लिखना चाहेंगे। इसका मतलब है कि एक नया React प्रोजेक्ट शुरू करने के कई तरीके हैं:
- केवल एक टूलचेन के साथ न्यूनतम सेट अप के साथ प्रारंभ करें, आवश्यकतानुसार अपने प्रोजेक्ट में सुविधाएँ जोड़ें।
- पहले से निर्मित सामान्य कार्यक्षमता के साथ विचारित ढांचे के साथ प्रारंभ करें।
चाहे आप अभी शुरुआत कर रहे हैं, कुछ बड़ा बनाना चाहते हैं, या अपनी खुद की टूलचेन स्थापित करना चाहते हैं, यह मार्गदर्शिका आपको सही रास्ते पर ले जाएगी।
यदि आप React के साथ अभी शुरुआत कर रहे हैं, तो हम अनुशंसा करते हैं Create React App, React की विशेषताओं को आज़माने का सबसे लोकप्रिय तरीका और एक नया सिंगल-पेज, क्लाइंट-साइड एप्लिकेशन बनाने का एक शानदार तरीका । Create React App सिर्फ React के लिए कॉन्फ़िगर किया गया एक अप्रकाशित टूलचैन है। टूलचेन इस तरह की चीजों में मदद करते हैं:
- कई फाइलों और कौम्पोनॅन्ट के लिए स्केलिंग
- npm . से थर्ड-पार्टी लाइब्रेरी का उपयोग करना
- सामान्य गलतियों का जल्द पता लगाना
- विकास में CSS और JS का लाइव संपादन
- उत्पादन के लिए उत्पादन का अनुकूलन
आप अपने टर्मिनल में कोड की एक पंक्ति के साथ Create React App के साथ निर्माण शुरू कर सकते हैं! (सुनिश्चित करें कि आपने Node.js इंस्टॉल किया हुआ है!)
npx create-react-app my-app
अब आप अपना एप्प इसके साथ चला सकते हैं:
cd my-app npm start
अधिक जानकारी के लिए, आधिकारिक गाइड देखें।
Create React App बनाएं बैकएंड लॉजिक या डेटाबेस को हैंडल नहीं करता है; यह सिर्फ एक फ्रंटएंड बिल्ड पाइपलाइन बनाता है। इसका मतलब है कि आप इसे अपने इच्छित किसी भी बैकएंड के साथ उपयोग कर सकते हैं। लेकिन अगर आप रूटिंग और सर्वर-साइड लॉजिक जैसी अधिक सुविधाओं की तलाश कर रहे हैं, तो पढ़ें!
Create React App रिएक्ट के साथ काम शुरू करने का अच्छा तरीका है , लेकिन अगर आप एक हल्का टूलचेन चाहते हैं, तो आप इन अन्य लोकप्रिय टूलचेन में से किसी एक को आजमा सकते हैं:
अगर आप एक बड़ा, उत्पादन के लिए तैयार प्रोजेक्ट शुरू करना चाहते हैं, तो Next.js शुरू करने के लिए एक बढ़िया जगह है। Next.js React के साथ निर्मित स्थैतिक और सर्वर-रेंडर अनुप्रयोगों के लिए एक लोकप्रिय, हल्का ढांचा है। यह रूटिंग, स्टाइलिंग और सर्वर-साइड रेंडरिंग जैसी सुविधाओं के साथ pre-packaged आता है, जिससे आपका प्रोजेक्ट तैयार होता है और तेज़ी से चलता है।
Get started building with Next.js with the official guide.
- Gatsby आपको GraphQL के साथ React के साथ स्थैतिक वेबसाइट बनाने की सुविधा देता है।
- Razzle एक सर्वर-रेंडरिंग फ्रेमवर्क है जिसमें किसी कॉन्फ़िगरेशन की आवश्यकता नहीं होती है, लेकिन यह Next.js की तुलना में अधिक फ्लेक्सिबिलिटी प्रदान करता है।
आप अपनी खुद की टूलचेन बनाना और कॉन्फ़िगर करना पसंद कर सकते हैं। एक जावास्क्रिप्ट बिल्ड टूलचेन में आमतौर पर निम्न शामिल होते हैं:
- एक package manager—आपको थर्ड-पार्टी package इनस्टॉल, अपडेटेड एंड मैनेज करने देता है। Yarn और npm दो लोकप्रिय package manager हैं।
- एक bundler—आपको मॉड्यूलर कोड लिखने और लोड समय को अनुकूलित करने के लिए इसे छोटे पैकेजों में एक साथ bundle करने देता है। Webpack, Snowpack, Parcel कई लोकप्रिय bundler हैं।
- एक कंपाइलर—आपको आधुनिक जावास्क्रिप्ट कोड लिखने देता है जो अभी भी पुराने ब्राउज़र में काम करता है। Babel ऐसा ही एक उदाहरण है।
एक बड़े प्रोजेक्ट में, आप एक ही रिपॉजिटरी में कई पैकेजों को प्रबंधित करने के लिए एक टूल भी रखना चाह सकते हैं। Nx ऐसे टूल का एक उदाहरण है।
अगर आप शुरू से ही अपनी खुद की जावास्क्रिप्ट टूलचेन सेट करना पसंद करते हैं, इस गाइड को देखें जो Create React App की कुछ कार्यक्षमता को फिर से बनाता है।