ఉబుంటులో ReactJS ను ఎలా ఇన్స్టాల్ చేయాలి

2011 లో ఫేస్uబుక్ అభివృద్ధి చేసింది, రియాక్ట్ (రియాక్ట్జెఎస్ అని కూడా పిలుస్తారు) అనేది జావాస్క్రిప్ట్ లైబ్రరీ, ఇది వేగవంతమైన మరియు ఇంటరాక్టివ్ యూజర్ ఇంటర్uఫేస్uలను సృష్టించడానికి ఉపయోగిస్తారు. వ్రాసే సమయంలో, ఇది వినియోగదారు ఇంటర్uఫేస్uలను అభివృద్ధి చేయడానికి అత్యంత ప్రాచుర్యం పొందిన జావాస్క్రిప్ట్ లైబ్రరీ. కార్యాచరణ మరియు ప్రజాదరణ పరంగా రియాక్ట్ దాని ప్రతిరూపాలను - కోణీయ మరియు Vue JS ను ఇబ్బంది పెడుతుంది.

దీని జనాదరణ దాని వశ్యత మరియు సరళత నుండి పుడుతుంది మరియు ఇది మొబైల్ అనువర్తనాలు మరియు వెబ్ అనువర్తనాల అభివృద్ధిలో మొదటి ఎంపికగా చేస్తుంది. 90,000 కంటే ఎక్కువ సైట్లు ఫేస్uబుక్, నెట్uఫ్లిక్స్, ఇన్uస్టాగ్రామ్, ఎయిర్uబిఎన్బి మరియు ట్విట్టర్ వంటి టెక్ దిగ్గజాలతో సహా కొన్నింటిని జాబితా చేయడానికి రియాక్ట్uను ఉపయోగిస్తాయి.

ఈ వ్యాసంలో, ఉబుంటు 20.04 మరియు ఉబుంటు 18.04 లలో రియాక్ట్జెఎస్ ను ఎలా ఇన్స్టాల్ చేయాలో మీరు నేర్చుకుంటారు.

దశ 1: ఉబుంటులో ఎన్uపిఎం ఇన్uస్టాల్ చేస్తోంది

మేము npm ను ఇన్స్టాల్ చేయడం ద్వారా రియాక్ట్ JS యొక్క సంస్థాపనను ప్రారంభిస్తాము - నోడ్ ప్యాకేజీ నిర్వాహకుడికి చిన్నది, రెండు విషయాలు. మొదట, ఇది జావాస్క్రిప్ట్ ప్యాకేజీలతో సంభాషించడానికి ఉపయోగించే కమాండ్-లైన్ సాధనం, ఇది జావాస్క్రిప్ట్ సాధనాలు మరియు లైబ్రరీలను వ్యవస్థాపించడానికి, నవీకరించడానికి మరియు నిర్వహించడానికి వినియోగదారులను అనుమతిస్తుంది.

రెండవది, npm అనేది ఆన్uలైన్ ఓపెన్ సోర్స్ సాఫ్ట్uవేర్ రిజిస్ట్రీ, ఇది 800,000 నోడ్.జెఎస్ ప్యాకేజీలను హోస్ట్ చేస్తుంది. Npm ఉచితం మరియు మీరు బహిరంగంగా లభించే సాఫ్ట్uవేర్ అనువర్తనాలను సులభంగా డౌన్uలోడ్ చేసుకోవచ్చు.

ఉబుంటు లైనక్స్uలో npm ని ఇన్uస్టాల్ చేయడానికి, మీ సర్వర్uలోకి సుడో యూజర్uగా లాగిన్ అవ్వండి మరియు క్రింది ఆదేశాన్ని ప్రారంభించండి:

$ sudo apt install npm

ఇన్స్టాలేషన్ పూర్తయిన తర్వాత, మీరు ఆదేశాన్ని ఉపయోగించి వ్యవస్థాపించిన npm సంస్కరణను ధృవీకరించవచ్చు:

$ npm --version

6.14.4  [Output]

ఇది వ్రాసే సమయంలో తాజా వెర్షన్ v6.14.4 అవుట్uపుట్uలో సంగ్రహించబడింది.

Npm యొక్క సంస్థాపన node.js ను కూడా ఇన్స్టాల్ చేస్తుంది మరియు మీరు ఆదేశాన్ని ఉపయోగించి వ్యవస్థాపించిన నోడ్ యొక్క సంస్కరణను నిర్ధారించవచ్చు:

$ node --version

v10.16.0  [Output]

దశ 2: క్రియేట్-రియాక్ట్-యాప్ యుటిలిటీని ఇన్uస్టాల్ చేస్తోంది

క్రియేట్-రియాక్ట్-అనువర్తనం అనేది రియాక్ట్ అప్లికేషన్uను సృష్టించడానికి అవసరమైన అన్ని సాధనాలను సెటప్ చేయడానికి మిమ్మల్ని అనుమతిస్తుంది. ఇది మొదటి నుండి ప్రతిదీ సెట్ చేయడానికి మీకు చాలా సమయం మరియు శక్తిని ఆదా చేస్తుంది మరియు మీకు అవసరమైన ప్రారంభాన్ని ఇస్తుంది.

సాధనాన్ని వ్యవస్థాపించడానికి, కింది npm ఆదేశాన్ని అమలు చేయండి:

$ sudo npm -g install create-react-app

వ్యవస్థాపించిన తర్వాత, మీరు అమలు చేయడం ద్వారా ఇన్uస్టాల్ చేసిన సంస్కరణను నిర్ధారించవచ్చు:

$ create-react-app --version

4.0.1  [Output]

దశ 3: మీ మొదటి రియాక్ట్ అప్లికేషన్uను సృష్టించండి మరియు ప్రారంభించండి

రియాక్ట్ అప్లికేషన్uను సృష్టించడం చాలా సులభం & సూటిగా ఉంటుంది. మేము ఈ క్రింది విధంగా టెక్మింట్-అనువర్తనం అనే రియాక్ట్ అనువర్తనాన్ని సృష్టించబోతున్నాము.

$ create-react-app tecmint-app

అనువర్తనానికి అవసరమైన అన్ని ప్యాకేజీలు, గ్రంథాలయాలు మరియు సాధనాలను వ్యవస్థాపించడానికి ఇది సుమారు 5 నిమిషాలు పడుతుంది. కొంత ఓపిక ఉపయోగపడుతుంది.

అనువర్తనం యొక్క సృష్టి విజయవంతమైతే, అనువర్తనాన్ని నిర్వహించడం ప్రారంభించడానికి మీరు అమలు చేయగల ప్రాథమిక ఆదేశాలను ఇవ్వడం క్రింద మీకు నోటిఫికేషన్ వస్తుంది.

అనువర్తనాన్ని అమలు చేయడానికి, అనువర్తన డైరెక్టరీలోకి నావిగేట్ చేయండి

$ cd tecmint-app

అప్పుడు ఆదేశాన్ని అమలు చేయండి:

$ npm start

బ్రౌజర్uలో అనువర్తనాన్ని ఎలా యాక్సెస్ చేయాలో మీకు చూపించే దిగువ అవుట్uపుట్uను మీరు పొందుతారు.

మీ బ్రౌజర్uను కాల్చండి మరియు మీ సర్వర్ యొక్క IP చిరునామాను బ్రౌజ్ చేయండి

http://server-ip:3000

డిఫాల్ట్ రియాక్ట్ అనువర్తనం అమలులో ఉందని ఇది చూపిస్తుంది. ఈ గైడ్uలో, మేము రియాక్ట్ JS ను విజయవంతంగా ఇన్uస్టాల్ చేసాము మరియు రియాక్ట్uలో ఒక అప్లికేషన్uను సృష్టించాము.