ግብረመልስ መተግበሪያን ይፍጠሩ ፣ የመጀመሪያ መተግበሪያዎን በ react ኡቡንቱ 20.04 ይፍጠሩ

በሚቀጥለው ርዕስ ውስጥ እንመለከታለን የመጀመሪያ መተግበሪያችንን በኡቡንቱ 20.04 ላይ በ “ReactJS” እንዴት መፍጠር እንደምንችል ሪact መተግበሪያን በመጠቀም መፍጠር እንችላለን. ReactJS የተጠቃሚ በይነገጽን ለመፍጠር በፌስቡክ እና በገንቢው ማህበረሰብ የተያዘ ክፍት ምንጭ የጃቫስክሪፕት ቤተ-መጽሐፍት ነው ፡፡ ReactJS በድር መተግበሪያዎች ወይም በሞባይል አፕሊኬሽኖች ልማት ውስጥ ሊያገለግል ይችላል ፡፡

ምላሽ ውስጥ, በተጨማሪም ReactJS በመባልም ይታወቃል፣ መረጃው በ DOM ውስጥ ተሰርቷል. የሪቲክ ትግበራውን ለማካሄድ ተጨማሪ የመንገድ እና የስቴት አስተዳደር ቤተመፃህፍት ያስፈልጋሉ ፡፡ የእነዚህ ቤተ-መጻሕፍት አንዳንድ ምሳሌዎች ናቸው Redux y ራውተር ምላሽ ይስጡ.

ምላሽ በኡቡንቱ 20.04 ላይ መጫን

በእኛ ስርዓት ላይ React ን ለመጫን በመጀመሪያ npm ምን ማለት እንደሆነ ማወቅ እና ለምን እንደፈለግን መረዳት አለብን ፡፡ Npm ማለት መስቀለኛ ጥቅል አስተዳዳሪ ነው፣ እና በዓለም ትልቁ ክፍት ምንጭ የሶፍትዌር መዝገብ ቤት ነው። ከ 800.000 በላይ የኮድ ጥቅሎችን ይይዛል። ኒፒኤም ለመጠቀም ነፃ ነው እናም ማንኛውም የህዝብ ሶፍትዌሮች ያለ ምዝገባ እና በመለያ ሊወርዱ እና ሊያገለግሉ ይችላሉ ፡፡

Npm ለጃቫ ስክሪፕት መተግበሪያዎች የጥገኛ አስተዳደር መሣሪያ ነው, የጄ.ኤስ.ኤስ አፕሊኬሽኖችን እድገት ለመደገፍ ሁሉንም ቤተ-መጻሕፍት እና ሌሎች መሣሪያዎችን ለመጫን የሚረዳ ፡፡

Npm ን ጫን

ምዕራፍ npm ን ያካተተ nodejs ን ይጫኑ፣ ተርሚናል (Ctrl + Alt + T) ብቻ መክፈት እና የሚከተለውን ትዕዛዝ ማስፈፀም አለብን

sudo apt install nodejs

የምሽቱን ምሽት ጭነት ከጨረስን በኋላ ፣ እንችላለን የእርስዎን ስሪት እና የመስቀለኛ ክፍልን ያረጋግጡ. እኛ በትእዛዙ ይህንን ማድረግ እንችላለን-

npm -v

ዝመናው በተደጋጋሚ ስለሚከናወን የተጫነው npm ስሪት በተጫነበት ቀን ላይ የተመሠረተ ነው። ከ 5 በላይ የተጫነ ስሪት መያዙን ማረጋገጥ አስፈላጊ ነው.

ምዕራፍ የተጫነውን የመስቀለኛ መንገድ ስሪት ያረጋግጡ፣ የሚጠቀሙበት ትዕዛዝ የሚከተለው ይሆናል

node -v

በስርዓትዎ ላይ የተጫነው የቅርብ ጊዜ የ npm ስሪት ከሌለዎት ፣ የኖድ ፓኬጅ አስተዳዳሪ (npm) ን ወደ የቅርብ ጊዜው ስሪት ማዘመን ይችላሉ ይህንን ትዕዛዝ በተርሚናል ውስጥ እያሄደ

sudo npm install -g npm@latest

መፍጠር-ምላሽ-መተግበሪያን ይጫኑ

ውጤታማ የ “React” አከባቢን ለመጫን እንደ “babel” ፣ “webpack” ፣ ወዘተ ያሉ መሣሪያዎችን ማዋቀር ያስፈልገናል። ግን በማዋቀሩ ውስጥ እኛን የሚረዱንን በርካታ መሣሪያዎችን ማግኘት እንችላለን ፡፡ ከእነሱ መካከል እናገኛለን ለመፍጠር-ለማዋቀር በጣም ቀላሉ መሳሪያ የሆነው የ “ሪት-ሪች-አፕ” መተግበሪያ.

React መተግበሪያን ፍጠር ምላሽ ለመማር ምቹ አካባቢ ነው፣ እና React ን በመጠቀም አዲስ ነጠላ ገጽ መተግበሪያን መገንባት ለመጀመር በጣም ጥሩው መንገድ ነው።

የእድገት አካባቢዎን ያዋቅሩ የሪቲክ መተግበሪያን ይፍጠሩ የቅርብ ጊዜውን የጃቫ ስክሪፕት ባህሪያትን ለመጠቀም ፣ ጥሩ የልማት ልምድን በማቅረብ እና ማመልከቻዎን ለምርት ማመቻቸት እንዲችሉ ፡፡ በድር ጣቢያቸው ላይ እንደተገለጸው በማሽንዎ ላይ መስቀለኛ መንገድ> = 8.10 እና npm> = 5.6 መጫን አስፈላጊ ነው ፡፡

እንችላለን ፡፡ Npm ን በመጠቀም ፍጠር-ምላሽ-መተግበሪያን ይጫኑ. ይህንን ለማድረግ በተርሚናል (Ctrl + Alt + T) ውስጥ የሚከተሉትን የመጫኛ ትዕዛዞች ማስፈፀም ብቻ ያስፈልገናል-

sudo npm install -g create-react-app

የፍጥረት-ምላሽ-መተግበሪያ ትግበራ መጫኑ በእኛ ስርዓት ላይ ከተጠናቀቀ በኋላ እንችላለን የተጫነውን ስሪት ያረጋግጡ የሚከተለውን ትዕዛዝ በማሄድ ላይ:

create-react-app --version

የመጀመሪያውን የ “React” መተግበሪያን መፍጠር

የእኛ የመጀመሪያ አጸፋዊ መተግበሪያ ፍጠር-ምላሽ-መተግበሪያን በመጠቀም በቀላሉ ሊፈጠር ይችላል. የሚከተሉትን ትዕዛዝ ብቻ መጠቀም አለብን:

create-react-app mi-primera-app

ከላይ ያለው ትዕዛዝ የተጠራ ምላሽ (React) ትግበራ ሊፈጥር ነው የእኔ-የመጀመሪያ-መተግበሪያ. በተመሳሳይ ሰዓት ሁሉንም አስፈላጊ ፋይሎችን, ቅንብሮችን እና ቤተ-መጻሕፍትን የሚያካትት የመተግበሪያው ተመሳሳይ ስም ያለው አዲስ አቃፊ ይፈጠራል.

የ React መተግበሪያን በማሄድ ላይ

አንዴ ግብረመልስ ፕሮጀክት ከተፈጠረ ፣ ወደፕሮጀክቱ ማውጫ መሄድ እና የሚከተሉትን ትዕዛዝ በመጠቀም የ “ሪአክት” መተግበሪያን ማሄድ አለብን ተርሚናል ውስጥ (Ctrl + Alt + T):

npm start

ትዕዛዙ npm መጀመር አጠቃላይ የግንባታ ሂደቱን የሚያከናውን የልማት አገልጋይ ይጀምሩ.

ተርሚናል እኛ ማድረግ እንዳለብን ይነግረናል አሳሹን ይክፈቱ እና በዩአርኤል http: // localhost: 3000 በነባሪነት የሚሰራውን ትግበራ ይጫኑ. አሳሹ ሲከፈት የሪአክት አርማ እና ጽሑፎችን በማያ ገጹ ላይ እናያለን ፡፡

የፍጥረት-ምላሽ-መተግበሪያን እና ኒፒኤምን ማራገፍ

ተጠቃሚዎቹ የኒፒኤም የማራገፊያ ትዕዛዙን በመጠቀም ከኤምኤምኤም የተጫነ ማንኛውንም ቤተ-መጽሐፍት ማራገፍ እንችላለን. ለማራገፍ በተርሚናል (Ctrl + Alt + T) ውስጥ የሚከተለውን ትዕዛዝ ያሂዱ ፍጠር-ምላሽ-መተግበሪያ:

sudo npm uninstall -g create-react-app

በተመሳሳይ እኛም እንችላለን Npm ን ማራገፍ በተመሳሳይ ተርሚናል ውስጥ ይህን ሌላ ትዕዛዝ በመጠቀም:

sudo apt remove nodejs

የተጠቃሚ በይነገጾችን ለመፍጠር በዚህ ጃቫስክሪፕት ላይብረሪ ላይ ተጨማሪ መረጃ በ ውስጥ ይገኛል የፕሮጀክት ሰነድ.