पुढील लेखात आपण यावर एक नजर टाकणार आहोत आम्ही तयार प्रतिक्रिया अनुप्रयोग वापरून उबंटू 20.04 वर रिएक्टजेएस सह आमचा प्रथम अनुप्रयोग कसा तयार करू शकतो. रीएक्टजेएस एक मुक्त स्त्रोत जावास्क्रिप्ट लायब्ररी आहे जी यूजर इंटरफेस तयार करण्यासाठी वापरली जाते, जी फेसबुक आणि विकसक समुदायाद्वारे देखरेखीखाली ठेवली जाते. वेब अॅप्लिकेशन्स किंवा मोबाइल अ‍ॅप्लिकेशन्सच्या विकासात रिएक्टजेएसचा वापर केला जाऊ शकतो.
प्रतिक्रिया म्हणून, याला रिअॅक्टजेएस देखील म्हणतात, डीओएममध्ये डेटावर प्रक्रिया केली जाते. मार्ग अनुप्रयोग आणि राज्य व्यवस्थापनासाठी अतिरिक्त लायब्ररी प्रतिक्रिया अनुप्रयोग चालविण्यासाठी आवश्यक आहेत. या ग्रंथालयांची काही उदाहरणे आहेत रेडक्स y प्रतिक्रिया राउटर.
उबंटू 20.04 वर प्रतिक्रिया स्थापित करत आहे
आमच्या सिस्टमवर प्रतिक्रिया स्थापित करण्यासाठी, आम्हाला प्रथम एनपीएम म्हणजे काय हे माहित असणे आवश्यक आहे आणि आम्हाला त्यांची आवश्यकता का आहे हे समजून घेतले पाहिजे. एनपीएम म्हणजे नोड पॅकेज मॅनेजर, आणि ही जगातील सर्वात मोठी मुक्त स्त्रोत सॉफ्टवेअर रेजिस्ट्री आहे. 800.000 पेक्षा जास्त कोड पॅकेजेस आहेत. एनपीएम वापरण्यास मुक्त आहे आणि कोणतीही सार्वजनिक सॉफ्टवेअर डाउनलोड आणि नोंदणी किंवा लॉगिनशिवाय डाउनलोड केली जाऊ शकते.
जावास्क्रिप्ट अनुप्रयोगांसाठी एनपीएम हे अवलंबन व्यवस्थापन साधन आहे, जे जेएस अनुप्रयोगांच्या विकासास समर्थन देण्यासाठी सर्व लायब्ररी आणि इतर साधने स्थापित करण्यात मदत करते.
एनपीएम स्थापित करा
परिच्छेद नोडजे स्थापित करा, ज्यात एनपीएम समाविष्ट आहेआपल्याला केवळ टर्मिनल (Ctrl + Alt + T) उघडावे लागेल आणि पुढील आज्ञा कार्यान्वित करावी लागेल.
sudo apt install nodejs
एनपीएम स्थापना पूर्ण केल्यावर, आम्ही हे करू शकतो आपली आवृत्ती आणि नोडची तपासणी करा. आपण हे आदेश देऊन करू शकतो.
npm -v
स्थापित केलेली एनपीएमची आवृत्ती इंस्टॉलेशनच्या तारखेवर अवलंबून असते, कारण वारंवार अपडेट केले जाते. आमच्याकडे 5 पेक्षा जास्त आवृत्ती स्थापित असल्याचे सुनिश्चित करणे आवश्यक आहे.
परिच्छेद नोडची स्थापित आवृत्ती तपासावापरण्याची कमांड पुढीलप्रमाणे असेल:
node -v
आपल्याकडे सिस्टमवर एनपीएम ची नवीनतम आवृत्ती स्थापित केलेली नसल्यास, आपण नवीनतम आवृत्तीमध्ये नोड पॅकेज व्यवस्थापक (एनपीएम) अद्यतनित करू शकता टर्मिनलवर ही आज्ञा चालवित आहे.
sudo npm install -g npm@latest
तयार करा-प्रतिक्रिया-अॅप स्थापित करा
उत्पादक प्रतिक्रिया वातावरण स्थापित करण्यासाठी, आम्हाला बाबेल, वेबपॅक, इत्यादी साधने कॉन्फिगर करणे आवश्यक आहे ... जे प्रतिक्रिया जगात नवशिक्यांसाठी कॉन्फिगर करणे जटिल आहे. परंतु आम्हाला कॉन्फिगरेशनमध्ये मदत करणारी अनेक साधने सापडतील. त्यापैकी आम्हाला सापडतील तयार करा-रिएक्ट-अॅप, जे वापरण्यासाठी आणि कॉन्फिगर करण्यासाठी सर्वात सोपा साधन आहे.
रिएक्ट रेक अॅप म्हणजे प्रतिक्रिया जाणून घेण्यासाठी एक आरामदायक वातावरण आहे, आणि प्रतिक्रिया वापरून नवीन एकल पृष्ठ अॅप तयार करणे हा सर्वात चांगला मार्ग आहे.
रिअॅक्ट अॅप तयार करा आपले विकास वातावरण कॉन्फिगर करा जेणेकरून आपण नवीनतम जावास्क्रिप्ट वैशिष्ट्यांचा वापर करू शकता, एक चांगला विकास अनुभव प्रदान करू आणि उत्पादनासाठी आपला अनुप्रयोग अनुकूलित करा. त्यांच्या वेबसाइटवर सूचित केल्यानुसार आपल्या मशीनवर नोड> = 8.10 आणि एनपीएम> = 5.6 स्थापित करणे आवश्यक आहे.
आम्ही करू शकतो एनपीएम वापरून क्रिएट-रिएक्ट-अॅप स्थापित करा. हे करण्यासाठी, टर्मिनलमध्ये (Ctrl + Alt + T) आम्हाला फक्त खालील स्थापना आदेश चालविणे आवश्यक आहे:
sudo npm install -g create-react-app
एकदा आमच्या सिस्टममध्ये क्रिएट-रिएक्ट-applicationप ofप्लिकेशनची स्थापना पूर्ण झाल्यावर आम्ही ते करू शकतो स्थापित आवृत्ती तपासा पुढील आज्ञा चालवित आहे:
create-react-app --version
प्रथम प्रतिक्रिया अनुप्रयोग तयार करत आहे
आमचा पहिला रिअॅक्ट अॅप फक्त 'रिएक्ट-रिएक्ट-usingप' वापरुन तयार केला जाऊ शकतो. आम्हाला फक्त पुढील आज्ञा वापरावी लागेल:
create-react-app mi-primera-app
वरील कमांड नावाचा एक रिएक्ट applicationप्लिकेशन तयार करणार आहे माझे-प्रथम-अॅप. त्याच वेळी अनुप्रयोगाच्या त्याच नावाचे एक नवीन फोल्डर तयार केले जाईल ज्यामध्ये सर्व आवश्यक फायली, सेटिंग्ज आणि लायब्ररी समाविष्ट आहेत.
प्रतिक्रिया अॅप चालवित आहे
एकदा प्रतिक्रिया प्रकल्प तयार झाल्यानंतर, आपल्याला प्रोजेक्ट डिरेक्टरीमध्ये जावे लागेल आणि खालील कमांडद्वारे रिअॅक्ट अॅप्लिकेशन चालवावे लागेल टर्मिनलमध्ये (Ctrl + Alt + T):
npm start
आज्ञा एनपीएम प्रारंभ विकास सर्व्हर सुरू करा जो संपूर्ण बिल्ड प्रक्रिया करेल.
टर्मिनल आपल्याला सांगते की आपण हे केलेच पाहिजे ब्राउझर उघडा आणि डीफॉल्टनुसार URL http: // लोकल होस्ट: 3000 वर चालणारे अनुप्रयोग लोड करा. जेव्हा ब्राउझर उघडेल, तेव्हा आम्ही स्क्रीनवर प्रतिक्रिया लोगो आणि ग्रंथ पाहू.
क्रिएट-रिएक्ट-अॅप आणि एनएमपी विस्थापित करा
वापरकर्ते आम्ही एनएमपी वरून स्थापित कोणतीही लायब्ररी एनपीएम विस्थापित आदेश वापरून विस्थापित करू शकतो. टर्मिनलमध्ये (Ctrl + Alt + T) विस्थापित करण्यासाठी खालील आदेश चालवा तयार-प्रतिक्रिया-अनुप्रयोग:
sudo npm uninstall -g create-react-app
तसेच, आम्ही करू शकतो एनपीएम विस्थापित करा हीच कमांड त्याच टर्मिनलवर वापरुन.
sudo apt remove nodejs
वापरकर्ता इंटरफेस तयार करण्यासाठी या जावास्क्रिप्ट लायब्ररीवरील अधिक माहिती मध्ये आढळू शकते प्रकल्प दस्तऐवजीकरण.
उत्कृष्ट सामग्री! ओब्रिगाडो!