रिएक्ट अॅप तयार करा, रिअॅक्ट उबंटू 20.04 सह आपला प्रथम अनुप्रयोग तयार करा

अ‍ॅप रिअ‍ॅक्ट अ‍ॅप तयार करा

पुढील लेखात आपण यावर एक नजर टाकणार आहोत आम्ही तयार प्रतिक्रिया अनुप्रयोग वापरून उबंटू 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

वापरकर्ता इंटरफेस तयार करण्यासाठी या जावास्क्रिप्ट लायब्ररीवरील अधिक माहिती मध्ये आढळू शकते प्रकल्प दस्तऐवजीकरण.


लेखाची सामग्री आमच्या तत्त्वांचे पालन करते संपादकीय नीति. त्रुटी नोंदविण्यासाठी क्लिक करा येथे.

एक टिप्पणी, आपले सोडून द्या

आपली टिप्पणी द्या

आपला ई-मेल पत्ता प्रकाशित केला जाणार नाही. आवश्यक फील्ड चिन्हांकित केले आहेत *

*

*

  1. डेटा जबाबदार: मिगुएल Áन्गल गॅटन
  2. डेटाचा उद्देशः नियंत्रण स्पॅम, टिप्पणी व्यवस्थापन.
  3. कायदे: आपली संमती
  4. डेटा संप्रेषण: कायदेशीर बंधन वगळता डेटा तृतीय पक्षास कळविला जाणार नाही.
  5. डेटा संग्रहण: ओकेन्टस नेटवर्क (EU) द्वारा होस्ट केलेला डेटाबेस
  6. अधिकारः कोणत्याही वेळी आपण आपली माहिती मर्यादित, पुनर्प्राप्त आणि हटवू शकता.

  1.   ब्रुनो म्हणाले

    उत्कृष्ट सामग्री! ओब्रिगाडो!