2024-07-12
한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina
एकः मित्रः मां अवदत् यत् सः स्नातकपदवीं प्राप्य इण्टर्न्शिप् आरब्धवान्।परन्तु कम्पनी अद्यापि उपयुङ्क्तेवुए, किञ्चित्कालानन्तरं तस्य उपयोगं कर्तुं अनुमतिः भविष्यति इति नेता अवदत्प्रतिक्रियां कुरुतपरियोजनां कर्तुं पूर्वं प्रथमं स्वयमेव तत् शिक्षन्तु।
मया तस्य कृते केचन दस्तावेजाः प्राप्ताः वैसे, यतः अहम् अपि ब्लोग् लिखामि, अहं स्वयं अपि एकं लिखितुं शक्नोमि इति आशासे यत् एतत् आवश्यकतावशात् जनानां साहाय्यं कर्तुं शक्नोति।
विषयवस्तुसारणी
1.1 निर्देशिकां चित्वा टर्मिनल् आरभत
1.2 create-react-app इति आदेशं संस्थापयन्तु
१.४ निर्देशिकासञ्चिकाः पश्यन्तु
२ तृतीयपक्षीयपुस्तकालयाः येषां उपयोगः निश्चितरूपेण भविष्यति
२.२ न्यूनं वा sass preprocessor
भवान् स्वसङ्गणके अस्य React परियोजनायाः अभ्यासार्थं निर्देशिकारूपेण एकं पुटं अन्वेष्टुं शक्नोति, ततः पुटस्य URL मध्ये "cmd" इति प्रविष्टुं शक्नोति, टर्मिनल् पॉप अप भविष्यति, लक्ष्यनिर्देशिका अपि निर्दिष्टुं शक्नोति:
अत्रैव भवान् "cmd" इति प्रविश्य Enter नुदन् टर्मिनल् पॉप-अप विण्डो आनयति ।
निम्नलिखित आदेशं निष्पादयन्तु, -g इत्यस्य अर्थः अस्ति यत् वैश्विकरूपेण संस्थापनं करणीयम्
npm install -g create-react-app
यथा, वयं नामकं सञ्चिकां निर्मातुम् इच्छामः js-साधन-बृहत्-पेटी-प्रतिक्रिया project, ततः भवान् निम्नलिखितम् आदेशं निष्पादयितुं शक्नोति:
create-react-app js-साधन-बृहत्-पेटी-प्रतिक्रिया
ततः टर्मिनल् संस्थाप्यते,स्थापना किञ्चित् मन्दं भवेत्, धैर्यपूर्वकं प्रतीक्षन्तु, यथा संस्थापनस्य समाप्तेः अनन्तरं अधोलिखिते चित्रे दर्शितम् अस्ति:
- सार्वजनिकनिर्देशिका परिचिताः html सञ्चिकाः तथा च केचन स्थिराः आवश्यकाः सञ्चिकाः संगृह्णाति;
- src निर्देशिका परियोजनाविकासाय महत्त्वपूर्णा निर्देशिका अस्ति ।
- ततः अधः index.js इति प्रविष्टिसञ्चिका अस्ति ।
- App.js इत्यस्मिन् केचन परिवर्तनानि कर्तुं प्रयतितुं शक्नुवन्ति, ततः जालपुटस्य प्रभावं पश्यितुं शक्नुवन्ति
उपरि चित्रे वयं React परियोजनां उद्घाटयितुं VSCode सम्पादकस्य उपयोगं कुर्मः अस्मिन् समये, कन्सोल् मध्ये आदेशं प्रविशन्तु ।
npm आरम्भः
ततः, परियोजना सक्रियरूपेण अस्मान् ब्राउजर् सक्रियीकरणे साहाय्यं करिष्यति,http://स्थानीयमेजबान:3000/पता, ततः भवन्तः परिभ्रमन्तं React चिह्नं द्रष्टुं शक्नुवन्ति, परियोजना च संस्थापितम् अस्ति ।
परियोजनास्थापनस्य समाप्तेः अनन्तरं परियोजनाविकासः आरभ्यते । यथा कथ्यते यत् यदि कश्चन श्रमिकः स्वकार्यं सम्यक् कर्तुम् इच्छति तर्हि प्रथमं स्वस्य ऊर्जां तीक्ष्णं कर्तव्यम्।परियोजनाविकासात् पूर्वं कतिपयानां विषयाणां विषये वदामः येषां उपयोगः अवश्यमेव अग्रे-अन्त-प्रकल्प-विकासे भविष्यति ।तृतीयपक्षीयपुस्तकालयाः .एतेषां तृतीयपक्षीयपुस्तकालयानां उपयोगेन ते अस्माकं विकासे साहाय्यं कर्तुं शक्नुवन्तिअधिकं कार्यक्षमम्。
प्रथमं js-tool-big-box इत्यस्य शिक्षणपतेः आगच्छन्तु, अत्र क्लिक् कुर्वन्तु:js-tool-big-box tool पुस्तकालयस्य शिक्षणस्य पता
js-tool-big-box इत्येतत् प्रायः अग्रे-अन्त-विकास-परियोजनानां कृते अनिवार्य-उपयोगः npm-पुस्तकालयः अस्ति, अस्य समृद्धाः कार्याणि सन्ति, तस्य उपयोगः च सुलभः अस्ति, येन अग्रे-अन्त-विकासः अत्यन्तं कुशलः भवति । अस्य वर्तमानकार्यं अत्र अन्तर्भवति परन्तु एतेषु एव सीमितं नास्ति :
- समयः तिथिः च परिवर्तनम्;
- अधिकं लचीलं समयस्वरूपम्;
- अधिकं व्यक्तिगतं समयं प्राप्तुं;
- एकस्मात् निश्चितकालात् अधुना यावत् समयः (अधिकविस्तृता पुनरागमनसूचना)
- साधारणवर्षं वा अधिवर्षं वा इति निर्धारयन्तु;
- मासे कति दिवसाः सन्ति;
- राशिचक्रस्य राशिः;
- वर्षस्य वैधानिक अवकाशदिनानि;
- विश्वस्य प्रमुखनगरानां समयं प्राप्नुवन्तु;
- url मध्ये पैरामीटर् मूल्यं प्राप्नुवन्तु
- कुकीजं सेट् कुर्वन्तु;
- कुकीजं प्राप्नुत;
- कुकीजं विलोपयन्तु;
- localStorage सेट् कुर्वन्तु;
- localStorage प्राप्तुम्
- एन्टी-शेक
- गलानि
- सहस्राणि अल्पविरामाः विभक्ताः;
- 0 इत्यस्मात् अधिकं भवति वा इति निर्धारयन्तु;
- पूर्णाङ्कः 0 इत्यस्मात् अधिकः अस्ति वा इति निर्धारयन्तु;
- निर्दिष्टपरिधिमध्ये यादृच्छिकसङ्ख्याः जनयन्तु;
- निर्दिष्टसङ्ख्यायाः अङ्कानां सह यादृच्छिकसङ्ख्यां जनयन्तु;
- संख्याः लघुचीनीभाषायां परिवर्तयन्तु;
- संख्याः बृहत्वर्णीयचीनीभाषायां परिवर्तयन्तु;
- तार विपर्ययः;
- हेङ्गगङ्गः लघु कुब्जः च
- हेङ्गगङ्गः महत् कुब्जं परिणमति;
- संस्करणसङ्ख्यातुलना;
- स्ट्रिंग् इत्यस्य बाइट्-दीर्घतां प्राप्नुत;
- uuid जनयति;
- परिचयपत्रसङ्ख्यायाः आधारेण लिंगं, आयुः, जन्मतिथिं च प्राप्नुवन्तु;
- कीलसूचनाः गोपयितुं स्ट्रिंग् मध्ये विशेषचिह्नानि योजयन्तु;
- स्ट्रिंग् बृहत् लघु च अक्षररूपान्तरणं;
- ईमेल प्रारूपसत्यापनम्;
- मोबाईलफोनसङ्ख्यास्वरूपसत्यापनम्;
- URL प्रारूपसत्यापनम्;
- आईडी सङ्ख्या प्रारूपसत्यापनम्;
- IP-सङ्केत-स्वरूपस्य सत्यापनम्;
- डाकसङ्केतस्वरूपस्य प्रमाणीकरणं;
निर्धारयतु यत् एषः यूनिकोडवर्णः अस्ति वा;
गुप्तशब्दशक्तिमूल्यं ज्ञातव्यम्;
- jsonp अनुरोधं प्रेषयन्तु;
- सञ्चिकायाः विशुद्धरूपेण कार्यात्मकं संस्करणं डाउनलोड् कुर्वन्तु;
- सञ्चिकाः डाउनलोड् कुर्वन्तु, fetch + download function version;
- सरणीतः मूल्यानां यादृच्छिकसङ्ख्यां प्राप्नुवन्तु;
- पाठं क्लिप्बोर्ड् प्रति प्रतिलिख्यताम्;
- सरणी विडुप्लिकेशन;
- अधिकविस्तृतदत्तांशप्रकाराः प्राप्नुवन्तु;
- संख्यात्मक सरणी क्रमणं (अग्रे तथा विपर्ययक्रमः);
- ऑब्जेक्ट् एरे क्रमाङ्कनम् (अग्रे तथा विपरीतक्रमः) २.
- वर्तमान ब्राउजर् चलः अस्ति वा इति निर्धारयन्तु;
- तत्त्वं दृश्यमानपरिधिमध्ये अस्ति वा इति निर्धारयतु;
वर्तमान ब्राउजर् उपरि अधः वा स्क्रॉल करोति वा इति प्राप्नुवन्तु, तथा च उपरि अधः च वर्तमानं दूरं प्राप्नुवन्तु;
पूर्णपर्दे पूर्णपर्दे चालू अवरुद्धं च कुर्वन्तु;
ब्राउजर् userAgent विस्तृतसूचना च प्राप्नुवन्तु;
CSS लेखनस्य पारम्परिकः मार्गः तुल्यकालिकः न्यूनः अथवा sass इत्यादीनां पूर्वसंसाधकानां उपयोगेन CSS विकासः अधिकं कार्यक्षमः भवितुम् अर्हति तथा च अत्यन्तं अनुशंसितः अस्ति ।
अध्ययन दस्तावेज(Less Quick Start |.)
सामान्यतया परियोजनासु सर्वरेण सह अन्तरक्रिया भवति, अस्मिन् समये भवान् अनुरोधं प्रेषयितुं axios इत्यस्य उपयोगं कर्तुं शक्नोति ।
axios learning documentation(axios चीनी दस्तावेजीकरण |.)
React कृते यदि C-पक्षीयविकासः अस्ति तर्हि वयम् अद्यापि आशास्महे यत् केचन तुल्यकालिकरूपेण लघु UI पुस्तकालयाः हस्तलेखनं कर्तुं शक्नुमः, परन्तु यदि B-पक्षीयविकासः अस्ति तर्हि वयं Ant Design इत्यस्य अनुशंसयामः
पिपीलिका डिजाइन शिक्षण दस्तावेज(Ant Design - एकः उद्यमस्तरीयः UI डिजाइनभाषा तथा React घटकपुस्तकालयः)
सः ३० वर्षाणाम् अधिकं कालात् प्रौद्योगिक्याः शोधकार्यं कर्तुं समर्पितः अस्ति, तथा च जावा, लिनक्स, जावास्क्रिप्ट्, php, css इत्यादिषु विविधभाषासु प्रवीणः अस्ति, मुक्तस्रोतक्षेत्रे सः बहु योगदानं कृतवान् अस्ति developer documentation station भविष्ये सन्दर्भार्थं प्रौद्योगिकीविकासे केचन विषयाः साझां कर्तुं सर्वे तत् पश्यन्तु
