Beginner dummies कृते React.JS, व्यापारिकरोबोट् लेखने पुस्तकालयस्य उपयोगः

Программирование

Beginner dummies कृते React JS किम् अस्ति, किम् अस्ति, ट्यूटोरियल्स्, संस्थापनं, दस्तावेजीकरणम् – ट्रेडिंग रोबोट् लेखनसमये React JS पुस्तकालयं कथं संस्थापयितुं उपयोगं च कर्तव्यम्। प्रायः सङ्गणकविशेषज्ञानाम् कार्यविज्ञापनेषु भवन्तः एतादृशी आवश्यकतां प्राप्नुवन्ति यत् भवतः जावास्क्रिप्ट् पुस्तकालये कौशलम् अस्ति इति वदति । आम्, तथा च ते न केवलं सॉफ्टवेयर-विकासकानाम्, अपितु साइट्-स्थलस्य आन्तरिक-विकासे प्रवृत्तानां प्रोग्रामर-जनानाम् अपि React-विषये ज्ञानम् अपेक्षन्ते, न तु बाह्य-डिजाइनम् |. एतत् कीदृशं पुस्तकालयम् अस्ति, कार्ये के अवसरान् ददाति, आरम्भकः कुत्र परिचयं प्रारभते ? अस्मिन् लेखे तस्य चिन्तनं कुर्मः।
Beginner dummies कृते React.JS, व्यापारिकरोबोट् लेखने पुस्तकालयस्य उपयोगः

Contents
  1. जावास्क्रिप्ट पुस्तकालयः – React: किम् अस्ति
  2. React पुस्तकालयस्य आवश्यकता किमर्थम् अस्ति ?
  3. आरम्भकानां कृते परिचयः : मूलभूताः अवधारणाः
  4. नमस्कार विश्व !
  5. JSX प्रणाली भाषा के मूलभूत बातें
  6. JSX इति किम् ?
  7. व्यवस्थाभाषायां व्यञ्जनानां निर्माणम्
  8. विस्तार प्रतिपादन
  9. घटक एवं प्रॉप्स
  10. घटकों की किस्में : कार्यात्मक एवं वर्ग
  11. props
  12. अवस्था एवं जीवन चक्र
  13. घटना विश्लेषण
  14. तत्वों का सशर्त प्रतिपादन
  15. घटक परिवर्तन करना
  16. सूची एवं कीज
  17. कीलानि
  18. रूपाणि
  19. प्रबन्धित आइटम
  20. राज्यस्य उदयः
  21. राज्योदयस्य नियन्त्रणं किमर्थम् एतावत् आवश्यकम् ?
  22. रचना बनाम उत्तराधिकार
  23. React.js सिद्धान्त
  24. React.js पुस्तकालयस्य कार्यक्षमता
  25. व्यावहारिक प्रयोग
  26. जावास्क्रिप्ट् मध्ये ट्रेडिंग रोबोट् लिखने React इत्यस्य व्यावहारिकः अनुप्रयोगः
  27. GitHub तथा React.js इति
  28. दस्तावेजीकरणम्

जावास्क्रिप्ट पुस्तकालयः – React: किम् अस्ति

React.JS is a library of the popular
JavaScript programming language , साइट्-अनुप्रयोगानाम् बाह्य-शेल्-विकासस्य प्रक्रियां सुधारयितुम् सरलीकर्तुं च ऑनलाइन-सामाजिक-जालपुटेन Facebook द्वारा निर्मितम् – यत् अन्तरफलकं यस्य सह उपयोक्ता अन्तरक्रियां करोति पुस्तकालयस्य मुख्यं वैशिष्ट्यं घटकाः, अवस्थाः च सन्ति । घटकः अङ्कीयसमूहस्य एकः भागः भवति यः परिकल्पितस्य प्रणाल्याः कस्यचित् भागस्य स्वरूपस्य उत्तरदायी भवति ।

टीका! एतादृशाः घटकभागाः नेस्ट् कर्तुं शक्यन्ते ।

अवस्था एकः अन्तरफलकस्य विवरणविषये सर्वेषां दत्तांशसङ्ग्रहः अस्ति, तस्य प्रतिनिधित्वप्रतिपादनं च । उदाहरणानि उपयुज्य वयं अधिकविस्तारेण स्पष्टतया च ज्ञास्यामः यत् किम् इति । अधोलिखिते चित्रे केचन बृहत् घटकाः दृश्यन्ते – एकस्मिन् ऑनलाइन सामाजिकजालपुटे पोस्ट् करणं, सामान्यसूचनया सह एकः विभागः तथा च फोटो दर्शयति। प्रत्येकं भागे लघुतराः घटकाः सन्ति, ये घटकाः सन्ति । यथा, प्रकाशने पाठः, छायाचित्रं, सूचनां प्रकाशयति यस्य उपयोक्तुः नाम इत्यादयः सन्ति चित्रविभागे व्यक्तिगतचित्रं भवति, सामान्यसूचनाखण्डे च संक्षिप्तसूचना भवति
Beginner dummies कृते React.JS, व्यापारिकरोबोट् लेखने पुस्तकालयस्य उपयोगः एतेषु प्रत्येकस्य अवयवस्य (घटकस्य) एकः अवस्था भवति । अर्थात् सामान्यसूचनायुक्तः विभागः भिन्न-भिन्न-यन्त्रेषु भिन्न-भिन्नः दृश्यते, “like”-तत्त्वं दबाने वर्णं परिवर्तयति तथा च कुल-लाइक-सङ्ख्यायाः उत्तरदायी संख्या; प्रकाशनं तु पाठस्य लघुकरणं कर्तुं वा पूर्णतया प्रसारयितुं वा शक्नोति।

एवं React.JS इत्यस्य लचीलता व्यक्ता भवति – अन्तरफलकघटकः एकवारं लिख्यते, तदनन्तरं च सर्वाणि सम्भाव्यस्थितयः दत्तानि भवन्ति ।

React पुस्तकालयस्य आवश्यकता किमर्थम् अस्ति ?

React.JS इत्येतत् JS अथवा HTML कोडं सुलभरूपेण लिखितुं, तस्य प्रतिलिपानि कृत्वा दृश्यं कर्तुं च सम्भाव्यविकल्पेषु अन्यतमम् अस्ति । अत्र घटकाः विशेषप्रणालीभाषायां लिखिताः सन्ति – JSX, यस्मिन् जावास्क्रिप्ट् प्रोग्रामिंगभाषायाः तत्त्वा: मानकीकृता HTML मार्कअपभाषा च समाविष्टाः सन्ति ।
Beginner dummies कृते React.JS, व्यापारिकरोबोट् लेखने पुस्तकालयस्य उपयोगः JSX इत्यस्मिन् लिखितः कोडः अत्यन्तं विशिष्टः अस्ति । इदमपि महत्त्वपूर्णं यत् जालपुटेन एतां प्रणालीभाषां न अवगन्तुं भवति – React.JS कोडः JS मध्ये स्थानान्तरितः भवति, यत् कोऽपि ब्राउजर् समस्यां विना गृह्णाति एतत् कर्तुं पुस्तकालये यत् निर्मितं तत् विशेषसङ्कलकानाम् माध्यमेन गच्छति (अद्यत्वे अधिकं लोकप्रियं Babel js अस्ति), ये अल्पज्ञातप्रोग्रामिंगभाषासु कोडं जावास्क्रिप्ट् प्रतिनिधित्वे परिवर्तयन्ति
Beginner dummies कृते React.JS, व्यापारिकरोबोट् लेखने पुस्तकालयस्य उपयोगः प्रथमं इदं प्रतीयते यत् उपयोगव्यवस्था अत्यन्तं अयुक्तियुक्ता अस्ति, परन्तु किञ्चित् कालानन्तरं भवन्तः तस्य अभ्यस्ताः भवन्ति तथा च भवन्तः अवगच्छन्ति यत् तन्त्रं किमर्थं तथैव परिकल्पितम् अस्ति। जावास्क्रिप्ट् पुस्तकालयस्य अनेकाः प्रबलाः लाभाः सन्ति :

  • सिस्टम् प्रोग्रामिंग् भाषा सुप्रसिद्धस्य जावास्क्रिप्ट् इत्यस्मात् अपेक्षया ज्ञातुं सुलभा भवति , फलतः, ​​कोडस्य समर्थनार्थं तस्मिन् दोषान् निवारयितुं च अनेकगुणं न्यूनं समयं गृह्णीयात् (नवीनकोड्-प्रोग्राम्-लेखनस्य गतिः तदनुसारं वर्धते)
  • अत्र घटकतत्त्वानां सुविधाजनकं व्यावहारिकं च प्रणाली निर्मितं भवति – संहितायां तेषां भागानां पुनरावृत्तिः ये लेखनस्य विभिन्नेषु चरणेषु भिन्नकार्यक्रमेषु च उपयुज्यन्ते, सन्दर्भानुसारं परिवर्तनं च कुर्वन्ति
  • each constituent element is subordinate only to its state , अतः व्यवहारे तस्य कार्ये सहसा त्रुटिः दृश्यते चेत् संहितायां दोषान् सम्यक् कर्तुं सुकरं भवति अशुद्धक्षणाः पृष्ठभागे प्लवन्ति: यः तत्त्वं सम्यक् कार्यं करोति सः अस्मिन् मोडे स्थिररूपेण कार्यं कुर्वन् एव भविष्यति, यावत्, अवश्यं, तस्य सम्बन्धे गलता अवस्था न प्रयुक्ता भवति

एवं वयं निष्कर्षं निकासयितुं शक्नुमः यत् React.JS पुस्तकालयः बहुकालं रक्षितुं शक्नोति, कोडं अधिकं विशिष्टं कर्तुं शक्नोति, क्रमं सम्यक् क्रमेण व्यवस्थितं कर्तुं शक्नोति, पुनः बृहत् खण्डानां उपयोगं कर्तुं शक्नोति च । एतेषां लाभानाम् कारणेन उपयोक्तृ-अन्तरफलक-निर्माण-प्रक्रियायाः व्ययस्य न्यूनीकरणं सम्भवति, तथैव अस्याः एव प्रक्रियायाः समयस्य त्वरितीकरणं सम्भवति । JS तथा HTML प्रोग्रामिंग भाषायाः उपयोगस्य कौशलं भवति, JSX इति प्रणाल्याः उपयोगं शिक्षणं सुलभम् अस्ति – केवलं कतिपयान् दिनानि तस्मिन् निपुणतां प्राप्तुं।

टीका! बृहत् परियोजनाभिः सह कार्यं कुर्वन्, यदा बहूनां गतिशीलपृष्ठानां लेखनं आवश्यकं भवति तदा पुस्तकालयस्य उपयोगः तर्कसंगतम् अस्ति । लघुव्यापारस्थले एतादृशानां जटिलतानां आवश्यकता नास्ति।

ए से जेड तक JS मौलिक पाठ्यक्रम प्रतिक्रिया करें: https://youtu.be/GNrdg3PzpJQ

आरम्भकानां कृते परिचयः : मूलभूताः अवधारणाः

नमस्कार विश्व !

पुस्तकालयस्य प्रथमपृष्ठं प्रविशन् उपयोक्ता लघु उदाहरणरूपेण स्वागतशीर्षकं पश्यति – “Hello world!”
Beginner dummies कृते React.JS, व्यापारिकरोबोट् लेखने पुस्तकालयस्य उपयोगः

JSX प्रणाली भाषा के मूलभूत बातें

JSX इति एकः सिस्टम् प्रोग्रामिंग् भाषा अस्ति, सुप्रसिद्धस्य जावास्क्रिप्ट् इत्यस्य विस्तारः । अस्मिन् द्वयोः भाषायोः संयोजनं भवति – JA प्रोग्रामिंग् तथा मानकीकृत HTML मार्कअप भाषा । विकासकाः तस्य उपयोगेन अवधारणां समायोजयितुं React इत्येतत् दर्शयितुं यत् उपयोक्तृ-अन्तरफलकं कथं भवितव्यम् इति । JSX पुस्तकालयस्य “भागाः” निर्माति ।

JSX इति किम् ?

React पुस्तकालयः तर्कस्य पालनम् करोति यत् प्रतिपादनस्य सारः उपयोक्तृ-अन्तरफलकस्य तर्केन सह प्रत्यक्षतया सम्बद्धः अस्ति: घटनाः कथं संसाधिताः भवन्ति, एकस्मिन् निश्चिते अवधिमध्ये अवस्था कथं परिवर्तते, तथा च प्रस्तुतिार्थं सूचना कथं सज्जीक्रियते इति। JS पुस्तकालयस्य उपयोगः तस्याः प्रणालीभाषां विना कर्तुं शक्यते, परन्तु जावास्क्रिप्ट् कोडतः उत्पन्नेन उपयोक्तृ-अन्तरफलकेन सह कार्यं कुर्वन् तस्य स्पष्टतायाः ठोसतायाः च कारणेन बहूनां विकासकाः बहुमूल्यं मन्यन्ते तदतिरिक्तं, विस्तारः React कृते अमान्यक्षणं त्रुटिसूचनानि च जनयितुं सुलभं करोति ।

व्यवस्थाभाषायां व्यञ्जनानां निर्माणम्

JSX भवन्तं एकस्मिन् प्रक्रियायां curly braces इत्यस्य अन्तः किमपि सुलिखितं JavaScript अभिव्यक्तिं उपयोक्तुं शक्नोति ।
Beginner dummies कृते React.JS, व्यापारिकरोबोट् लेखने पुस्तकालयस्य उपयोगः
JSX अपि एकः अभिव्यक्तिः अस्ति एकदा स्रोतसङ्केतः बाइटकोड् कृतः चेत्, कोऽपि JSX अभिव्यक्तिः मानक JS फंक्शन् आह्वानं परिणमति यत् जावास्क्रिप्ट् श्रेणीं लक्ष्यं करोति । अस्मात् एतत् अवगन्तुं शक्यते यत् आधिकारिकप्रोग्रामिंगभाषायाः सिस्टम् विस्तारः if manual इत्यस्य अन्तः अवधिपर्यन्तं च उपयोक्तुं शक्यते ।
Beginner dummies कृते React.JS, व्यापारिकरोबोट् लेखने पुस्तकालयस्य उपयोगः
JSX is Objects विस्तारेण प्रतिनिधितानि वस्तुनि React elements इति उच्यन्ते । ते तत् परिणामं स्पष्टयन्ति यत् विकासकः प्रदर्शने द्रष्टुम् इच्छति। पुस्तकालयः एतानि वस्तुनि ज्ञात्वा Document Object Model इत्यस्य जननस्य, परिपालनस्य च प्रक्रियायां तान् उपयुज्यते ।
Beginner dummies कृते React.JS, व्यापारिकरोबोट् लेखने पुस्तकालयस्य उपयोगः

विस्तार प्रतिपादन

विवरणं बहवः लघुनिर्माणखण्डाः सन्ति ये React कार्यक्रमान् निर्मान्ति ।
Beginner dummies कृते React.JS, व्यापारिकरोबोट् लेखने पुस्तकालयस्य उपयोगः विवरणं तत् चित्रं यत् विकासकः मॉनिटरे अन्ते द्रष्टुम् इच्छति। Document Object Model elements इत्यस्य तुलने library elements सरलाः सन्ति तथा च बहु संसाधनं न गृह्णन्ति । तत्त्वानि अवयवानां घटकानि भवन्ति ।

घटक एवं प्रॉप्स

घटकाः UI इत्यस्य स्वतन्त्रभागेषु विभक्तुं सम्भवं कुर्वन्ति, येषु पृथक् कार्यं कर्तुं सुलभं भवति । तेषां संयोजनं बहुवारं च कर्तुं शक्यते । अधिकांशतः घटकानां कार्यक्षमता जावास्क्रिप्ट् प्रोग्रामिंगभाषायाः एव कार्यक्षमतायाः सदृशी भवति । ते निवेशसूचनाः गृह्णन्ति, यत् props इति उच्यते, तथा च React एलिमेण्ट्स् प्रत्यागच्छन्ति ये विकासप्रतिरूपं सूचयन्ति यत् विकासकः मॉनिटरे द्रष्टुम् इच्छति ।

घटकों की किस्में : कार्यात्मक एवं वर्ग

पुस्तकालयघटकं कार्यरूपेण निर्दिष्टुं सर्वाधिकं सुलभम् अस्ति ।
Beginner dummies कृते React.JS, व्यापारिकरोबोट् लेखने पुस्तकालयस्य उपयोगः घटकान् ES6 वर्गस्वरूपेण अपि प्रतिनिधितुं शक्यते ।
Beginner dummies कृते React.JS, व्यापारिकरोबोट् लेखने पुस्तकालयस्य उपयोगः

रुचिकरम्‌! React पुस्तकालयः एतयोः द्वयोः प्रकारयोः घटकयोः समानत्वेन परिभाषयति ।

props

प्रोप्स् अपरिवर्तनीयवस्तूनि सन्ति ये केवलं पठनीयानि सन्ति। अतः अवयवः स्वस्य प्रॉप्स् मध्ये किमपि न लिखेत्, यद्यपि सः कीदृशः अस्ति ।

अवस्था एवं जीवन चक्र

प्रथमं कार्ये राज्यं कथं सम्यक् प्रयोक्तुं शक्यते इति चिन्तयामः। घटकस्थितेः विषये त्रीणि महत्त्वपूर्णानि वस्तूनि ज्ञातव्यानि सन्ति- १.

  1. प्रत्यक्षतया अवस्थां न परिवर्तयन्तु, setState मेथड् इत्यस्य उपयोगं कुर्वन्तु । स्मर्यतां यत् एकमेव क्षेत्रं यत्र भवान् प्रत्यक्षतया अवस्थां परिवर्तयितुं शक्नोति तत् कन्स्ट्रक्टर् एव ।
  2. राज्यस्य अद्यतनीकरणं समकालिकं न भवेत्।
  3. सूचनाप्रवाहस्य एकः दिशा भवति । घटकनिर्माणे तेषु कश्चन अपि न जानाति यत् अवस्था अन्यघटकाय नियुक्ता अस्ति वा इति । एतत् वा तत् वा स्वतन्त्रं कार्यात्मकं तत्त्वं कथं निर्मितम् इति महत्त्वं नास्ति – कार्यात्मकं वा वर्गीकरणसाधनं वा उपयुज्य। एतत् “downstream” data flow इति कथ्यते । कस्यचित् तत्त्वस्य कृते अवस्था सर्वदा परिभाषिता भवति, अस्याः अवस्थायाः संरचनात्मकसङ्गतिः केवलं तान् भागान् प्रभावितं कर्तुं शक्नुवन्ति ये श्रेणीक्रमेण “अधः” स्थिताः सन्ति ।

सामान्यतः, राज्यं “स्थानीयम्”, “आन्तरिकं”, अथवा गुप्तम् इति निर्दिश्यते । केवलं कार्यात्मकतत्त्वे एव दृश्यते, React इत्यस्य अन्येभ्यः भागेभ्यः च अदृश्यम् अस्ति । पुस्तकालयकार्यक्रमेषु स्वतन्त्रः कार्यात्मकः तत्त्वः कस्यापि अवस्थायाः सम्पन्नः अस्ति वा न वा इति अस्य भागस्य आन्तरिकविकासः भवति, यः कालान्तरेण परिवर्तयितुं शक्नोति । इदमपि रोचकं यत् कार्ये भवन्तः अवस्थायुक्तान् राज्यान् विना च घटकान् संयोजयितुं शक्नुवन्ति ।

घटना विश्लेषण

React घटकेषु घटनानां विश्लेषणस्य प्रक्रिया document object model elements मध्ये events इत्यस्य निबन्धनस्य सदृशी भवति । तथापि तेषां परस्परं भेदं कृत्वा कतिपयानि विशेषतानि सन्ति-

  1. जावास्क्रिप्ट् पुस्तकालये विद्यमानानां घटनानां नामकरणं मानकशैल्याः अपेक्षया भिन्नशैल्या भवति ।
  2. System Extended Programming Language इत्यस्य उपयोगेन विकासकः स्ट्रिंग् इत्यस्य स्थाने event handler इत्यस्य रूपेण उपरूटीनं पारयति ।

तत्वों का सशर्त प्रतिपादन

जावास्क्रिप्ट् पुस्तकालयः तत्त्वानां विकासस्य तर्कं स्वतन्त्रघटकेषु विभक्तुं सम्भवं करोति । ते सामान्यप्रदर्शनार्थं प्रदर्शयितुं वा गुप्तं कर्तुं वा शक्यन्ते, यत् ते क्षणेन केन अवस्थायाः सम्पन्नाः सन्ति इति अवलम्ब्य । तत्त्वानां सशर्तप्रतिपादनं जावास्क्रिप्ट् प्रोग्रामिंगभाषायाः आधारेण सशर्तव्यञ्जनानां समानसिद्धान्ते कार्यं करोति । कदाचित् एतत् भवति यत् पुस्तकालये केषाञ्चन तत्त्वानां गोपनं वा प्रतिपादनं वा राज्यं कथं प्रभावितं करोति इति व्याख्यानस्य आवश्यकता वर्तते । अत्र सशर्तस्य JS सहायकस्य अथवा if इत्यस्य सदृशानां व्यञ्जनानां उपयोगः अधिकं तार्किकम् अस्ति ।
Beginner dummies कृते React.JS, व्यापारिकरोबोट् लेखने पुस्तकालयस्य उपयोगः
Beginner dummies कृते React.JS, व्यापारिकरोबोट् लेखने पुस्तकालयस्य उपयोगः

घटक परिवर्तन करना

React library elements इत्येतत् variables मध्ये योजयितुं शक्यते । एतत् व्यावहारिकं समाधानं यदा कश्चन शर्तः सूचयति यत् घटकस्य कश्चन भागः आकर्षितव्यः वा, अथवा तस्य अर्थः नास्ति, शेषः भागः अपरिवर्तितः एव तिष्ठति

सूची एवं कीज

अस्मिन् खण्डे अनेके घटकाः समाविष्टाः सन्ति : १.

  1. अनेक तत्त्वों का चित्रण . उपयोक्ता तत्त्वानां समुच्चयं निर्माय कर्ली ब्रेसिस् इत्यस्य उपयोगेन सिस्टम् प्रोग्रामिंग् भाषायां एम्बेड् कर्तुं शक्नोति ।
  2. तत्वों की प्राथमिक सूची . प्रायः, उपयोक्तारः विकासकाः च घटकभागस्य अन्तः प्रत्यक्षतया सूचीं समायोजयन्ति ।

कीलानि

React JavaScript पुस्तकालये एकः कीलः एकं विशेषसाधनं सूचयति यत् घटकसूचीं जनयति समये प्रविष्टव्यम् । कुञ्जिकाः जावास्क्रिप्ट् पुस्तकालयं चिन्तयितुं साहाय्यं कुर्वन्ति यत् के के वस्तूनि समायोजिताः, योजिताः, निष्कासिताः वा सन्ति । तान् चिह्नितुं महत्त्वपूर्णं यत् React एकं निश्चितकालं व्यतीतस्य अनन्तरं संरचनात्मकदत्तांशस्य घटकान् सहसंबद्धं कर्तुं शक्नोति।
Beginner dummies कृते React.JS, व्यापारिकरोबोट् लेखने पुस्तकालयस्य उपयोगः

रूपाणि

JS पुस्तकालये मानकीकृतानि मार्कअपभाषातत्त्वानि दस्तावेजवस्तुप्रतिरूपस्य घटकानां अपेक्षया किञ्चित् भिन्नरूपेण कार्यं कुर्वन्ति, यतः रूपतत्त्वानां प्रारम्भे गुप्तस्थितिः भवति

प्रबन्धित आइटम

मानकीकृते मार्कअपभाषायां input , select , textarea इत्यादीनि रूपाणि स्वकीयां स्थितिं निर्वाहयितुं प्रवृत्ताः भवन्ति तथा च यदा विकासकः नूतना सूचनां प्रविशति तदा तत् अद्यतनीकर्तुं प्रवृत्ताः भवन्ति । React.js अवस्था सर्वदा प्रबन्धित-रचना-तत्त्वे इनपुट्-क्षेत्राणां मूल्यं परिभाषयति । यद्यपि एतेन सूचितं यत् उपयोक्त्रा मूलदत्तसङ्केतात् किञ्चित् अधिकं लिखितव्यं तथापि इदानीं एतत् मूल्यं उपयोक्तृ-अन्तरफलकस्य अन्येषु भागेषु प्रसारयितुं शक्यते ।

राज्यस्य उदयः

राज्योत्थापनम् एकः मानकीकृतः टेम्पलेट् अस्ति यस्य विषये प्रत्येकं विकासकः अवगतः भवेत् तथा च कार्यप्रक्रियायां प्रयोक्तुं समर्थः भवेत्। तस्य उपयोगेन जटिलाः सामान्यतया व्यर्थाः च राज्यप्रबन्धनप्रतिमानाः समाप्ताः भविष्यन्ति ।

राज्योदयस्य नियन्त्रणं किमर्थम् एतावत् आवश्यकम् ?

येषां भागानां आवश्यकता वर्तते तेषां कृते राज्यं पूर्वघटकानाम् स्तरं यावत् उन्नतीकरणं आवश्यकं यत् सर्वे तत्त्वानि राज्ये भागं ग्रहीतुं शक्नुवन्ति। राज्यस्य स्थिरस्तरः तस्मिन् अवलम्बितानां सर्वेषां घटकानां मध्ये तस्य वितरणं सुलभं करिष्यति ।

रचना बनाम उत्तराधिकार

React.js इत्यत्र एकं दृढं रचनाप्रतिरूपं समाविष्टम् अस्ति, अतः तत्त्वानां मध्ये पूर्वं लिखितस्य कोडस्य पुनः उपयोगाय उत्तराधिकारस्य स्थाने भागेभ्यः समग्रस्य निर्माणस्य प्रक्रियायाः उपयोगः अनुशंसितः अस्ति एवं, प्रॉप्स् तथा घटकभागेभ्यः एकां समग्रं रचनां निर्मातुं क्षमता, विकासकं विशिष्टतया सुरक्षिततया च तत्त्वस्य शेलं व्यवहारं च निर्मातुं आवश्यकं लचीलतां प्रदाति

स्मरणपत्र! घटकभागाः असम्बद्धानि प्रॉप्स् ग्रहीतुं शक्नुवन्ति, यत्र प्राथमिकभागाः सन्ति ये पुस्तकालयाः अथवा कार्याणि निर्मान्ति ।

यस्मिन् सन्दर्भे द्वितीयतृतीयवारं वा घटकैः सह कार्यं कर्तुं भवन्तः लुक्-फ्री-फंक्शन् इत्यस्य उपयोगं कर्तुं प्रवृत्ताः सन्ति, तस्मिन् सन्दर्भे पृथक् JS मॉड्यूल् मध्ये बहिः आकर्षयन्तु । तत् घटके स्थापयित्वा उत्पन्नं कार्यं विना अधिकविस्तारं उपयुज्यताम् । React अथवा Vue या Angular, किं चयनं कर्तव्यम्: https://youtu.be/Nm8GpLCAgwk

React.js सिद्धान्त

जावास्क्रिप्ट् पुस्तकालयस्य सम्पूर्णं दर्शनं React guide मध्ये निगूढम् अस्ति । इदं दीर्घं न च एतावत् महत्त्वं इति भाति तथापि बहवः उपयोक्तारः दावान् कुर्वन्ति यत् पठित्वा सर्वं स्थाने पतितम्। दस्तावेजीकरणं तु अत्यन्तं पुरातनम् अस्ति, परन्तु अद्यापि महत् मूल्यं प्रासंगिकता च अस्ति –
https://ru.reactjs.org/docs/thinking-in-react.html . प्रतिक्रिया js पाठ्यक्रम https://ru.reactjs.org/tutorial/tutorial.html

React.js पुस्तकालयस्य कार्यक्षमता

जावास्क्रिप्ट् पुस्तकालयस्य उपयोगेन उपयोक्ता UI विकासप्रक्रियायां अनुप्रयोगस्य च घटकेषु प्रत्यक्षतया स्वस्य सर्वं ध्यानं दातुं अवसरं प्राप्नोति, न्यूनतमं लिखितसङ्केतस्य निर्माणेन सम्भाव्यदोषैः च विचलितः भवति पुस्तकालयः भवन्तं कार्यक्रमान् शीघ्रं विकसितुं शक्नोति, घटकान् विन्यस्तुं सम्पादयितुं च सुलभं करोति तथा च समग्रप्रकल्पस्य प्रक्रियां समग्ररूपेण। एवं React.js इत्यत्र वैश्विकजालपुटे संचारस्य उत्तरदायी तत्त्वानि, UI, कार्यक्रमस्थितिनियन्त्रणं अन्येषां जटिलसमस्यानां समाधानस्य क्षमता च सन्ति । पुस्तकालये निम्नलिखितकार्यात्मकविशेषताः अपि सन्ति ।

  1. व्यावहारिकता . React.js इत्येतत् लघुकृतरूपेण उपलभ्यते । अस्य संकुचितस्य संकुलस्य स्पष्टतया विन्यस्तस्य आवश्यकता नास्ति । अस्मिन् पूर्वमेव कोडविभाजनविशेषता अन्तर्भवति यत् साइट् इत्यस्य ब्राउजर् संस्करणं उद्घाटयितुं समयं न्यूनीकरोति, यतः एषः विकल्पः घटकानां एकस्मिन् समये प्रतिपादनं निवारयति
  2. पंप पारिस्थितिकी तंत्र एवं अनुपालन . पुस्तकालये अन्यैः साइट्-द्वारा समर्थितानि बहूनि साधनानि उपलभ्यन्ते, येन उपयोक्ता कस्यापि प्रयोजनाय नूतनानि जटिलानि कार्यक्रमाणि विकसितुं शक्नोति ।
  3. पूर्ण कार्यक्षमता . जावास्क्रिप्ट् पुस्तकालयस्य मुख्यः लाभः अस्ति यत् मञ्चस्य सर्वे नूतनाः संस्करणाः पुरातनानाम् आवश्यकतां पूरयन्ति, अतः भवान् पुरातनं अद्यतनं च संस्करणं द्वयोः अपि उपयोगं कर्तुं शक्नोति, ते सर्वे समर्थिताः सन्ति, अद्यपर्यन्तं च प्रासंगिकाः सन्ति। पूर्वं मुक्ताः संस्करणाः नवीनतम-अद्यतन-पश्चात् अप्रचलिताः न भवन्ति ।

व्यावहारिक प्रयोग

पुस्तकालयस्य मुख्यपृष्ठे, उपयोक्तृणां कृते निर्देशेषु, व्यवहारे React इत्यस्य उपयोगस्य अनेकाः दृष्टान्तरूपेण उदाहरणानि सन्ति । भवान् तान् स्वहस्तेन सम्यक् कृत्वा चालयितुं प्रयतितुं शक्नोति । यदि भवान् नूतनः उपयोक्ता अस्ति अपि च पुस्तकालयस्य सारं तर्कं च न अवगच्छति चेदपि स्वरुचिनुसारं कोडं समायोजयित्वा परिणामं पश्यन्तु ।

जावास्क्रिप्ट् मध्ये ट्रेडिंग रोबोट् लिखने React इत्यस्य व्यावहारिकः अनुप्रयोगः

एतत् अवगन्तुं महत्त्वपूर्णं यत् कश्चन विकासकः JS प्रोग्रामं न करोति, अपितु स्क्रिप्ट् (scripts) लिखति । अतः पुस्तकालयस्य उपयोगेन, एकः विकासकः व्यापारप्रयोजनार्थं प्रयुक्तस्य अनन्तरं व्यापारिकरोबोट् कृते कोडं लिखितुं शक्नोति, अपि च अस्य मञ्चस्य आधारेण तस्य रूपस्य डिजाइनं निरन्तरं कर्तुं शक्नोति वस्तुतः व्यापारार्थं व्यापारिकरोबोट् अपि एकः अनुप्रयोगः अस्ति, यस्य बहूनां संख्या React.js इत्यस्य उपयोगेन विकसिता अस्ति । परन्तु एतदर्थं उपयुक्तानि साधनानि प्रदातुं अन्येषु साइट्-स्थानेषु अपि केचन कार्याणि, बॉट्-इत्यस्य आन्तरिकभागः च कर्तव्यः भविष्यति ।

GitHub तथा React.js इति

GitHub इति एकः मञ्चः अस्ति यः परियोजनानां सर्वाणि संस्करणानाम् आतिथ्यं करोति । उपयोक्ता होस्टिंग् संयोजयति, आधिकारिक GitHub जालपुटे पञ्जीकरणप्रक्रियायाः माध्यमेन गच्छति, ततः एकं ऑनलाइन भण्डारं निर्माति यत्र सः Git तः सर्वाणि सञ्चिकाः स्थानान्तरयति
Git अद्यत्वे सर्वाधिकं लोकप्रियं प्रासंगिकं च परियोजनासंस्करणनियन्त्रणसेवा अस्ति, तथा च GitHub दूरस्थसङ्केतभण्डारः अस्ति ।
Beginner dummies कृते React.JS, व्यापारिकरोबोट् लेखने पुस्तकालयस्य उपयोगः

सन्दर्भः! ये उपयोक्तारः अनुमतिं प्राप्य समुचितं लिङ्कं प्राप्तवन्तः तेषां एव सञ्चिकानां सम्पादनस्य, अवतरणस्य च प्रवेशः भवति ।

दस्तावेजीकरणम्

जावास्क्रिप्ट् पुस्तकालयसम्बद्धाः सर्वे पाठ्यक्रमाः अद्यतनसामग्रीः च नवीनतम-अद्यतन-सहिताः अद्यतनाः सन्ति । विकासकाः पुस्तकालयस्य पृथक् पृष्ठे प्रकाशितानि दस्तावेजानां पुरातनसंस्करणानाम् सामान्यपठनाय अपि संकलनं कुर्वन्ति, पोस्ट् च कुर्वन्ति । अतः आरम्भकानां कृते साइट् प्रबन्धनस्य कौशलं निपुणतां प्राप्तुं सुकरं भविष्यति: पुरातनं नवीनं च सामग्री – सर्वं अत्र अस्ति, सर्वेषां कृते प्रवेशः निःशुल्कः अस्ति।
Beginner dummies कृते React.JS, व्यापारिकरोबोट् लेखने पुस्तकालयस्य उपयोगः

टीका! पुस्तिकाः पठितुं न विस्मरन्तु। न्यूनातिन्यूनं पश्यन्तु – पूर्वमेव अधिकांशं यत् अबोधनीयं प्रतीयते स्म तत् स्थाने पतति।

React पुस्तकालयः अद्यत्वे लोकप्रियः प्रासंगिकः च मञ्चः अस्ति । अस्य बहुमुखीत्वेन विकासकाः उत्तमगुणवत्तायाः परियोजनानि न्यूनसमये च निर्मातुं शक्नुवन्ति । तदतिरिक्तं मञ्चं ज्ञात्वा तस्य उपयोगाय कौशलं भवति चेत् श्रमविपण्ये विशेषज्ञस्य अधिकं माङ्गं भवति।

info
Rate author
Add a comment