Bii o ṣe le Fi ReactJS sori Ubuntu

Ti dagbasoke nipasẹ Facebook ni ọdun 2011, React (tun tọka si bi ReactJS) jẹ ile-ikawe Javascript ti a lo fun ṣiṣẹda awọn wiwo olumulo iyara ati ibaraenisepo. Ni akoko kikọ, o jẹ ile-ikawe Javascript olokiki julọ fun idagbasoke awọn wiwo olumulo. Ṣe atunṣe awọn ẹgbẹ rẹ - Angular ati Vue JS ni awọn ofin ti iṣẹ-ṣiṣe ati gbaye-gbale.

Gbaye-gbale rẹ lati inu irọrun ati irọrun rẹ ati eyi jẹ ki o jẹ aṣayan akọkọ ni idagbasoke awọn ohun elo alagbeka ati awọn ohun elo wẹẹbu. Die e sii ju awọn aaye 90,000 lo Atunṣe pẹlu awọn omiran imọ-ẹrọ bii Facebook, Netflix, Instagram, Airbnb, ati Twitter lati ṣe atokọ diẹ.

Ninu nkan yii, iwọ yoo kọ bi o ṣe le fi sori ẹrọ ReactJS lori Ubuntu 20.04 ati Ubuntu 18.04.

Igbesẹ 1: Fifi NPM sii ni Ubuntu

A bẹrẹ fifi sori ẹrọ ti React JS nipasẹ fifi npm sii - kukuru fun oluṣakoso package ipade, awọn nkan meji ni. Ni akọkọ, o jẹ ọpa laini aṣẹ ti o lo fun ibaraenisepo pẹlu awọn idii Javascript, eyiti o fun laaye awọn olumulo lati fi sori ẹrọ, imudojuiwọn, ati ṣakoso awọn irinṣẹ Javascript ati awọn ile ikawe.

Ẹlẹẹkeji, npm jẹ iforukọsilẹ sọfitiwia ṣiṣi orisun ayelujara ti o gbalejo lori 800,000 Node.JS awọn idii. Npm jẹ ọfẹ ati pe o le ni rọọrun ṣe igbasilẹ awọn ohun elo sọfitiwia ti o wa ni gbangba.

Lati fi npm sori Ubuntu Linux, buwolu wọle sinu olupin rẹ bi olumulo sudo ki o pe aṣẹ ni isalẹ:

$ sudo apt install npm

Lọgan ti fifi sori ẹrọ ba pari, o le rii daju ẹya ti npm ti a fi sii nipa lilo pipaṣẹ:

$ npm --version

6.14.4  [Output]

Ẹya tuntun ni akoko kikọ eyi jẹ v6.14.4 bi a ti mu ni iṣelọpọ.

Fifi sori npm tun fi node.js sii ati pe o le jẹrisi ẹya ti ipade ti a fi sii nipa lilo aṣẹ:

$ node --version

v10.16.0  [Output]

Igbese 2: Fifi sori ẹrọ IwUlO ṣẹda-react-app

ṣẹda-react-app jẹ ohun elo ti o fun ọ ni anfani lati ṣeto gbogbo awọn irinṣẹ ti o nilo lati ṣẹda Ohun elo Atunṣe kan. O fi igba nla kan pamọ fun ọ ati tito eto ohun gbogbo lati ibẹrẹ ati fun ọ ni ibẹrẹ ti o nilo.

Lati fi sori ẹrọ irinṣẹ, ṣiṣe aṣẹ npm atẹle:

$ sudo npm -g install create-react-app

Lọgan ti o fi sii, o le jẹrisi ẹya ti a fi sori ẹrọ nipasẹ ṣiṣiṣẹ:

$ create-react-app --version

4.0.1  [Output]

Igbesẹ 3: Ṣẹda & Lọlẹ Ohun elo Atunṣe Rẹ akọkọ

Ṣiṣẹda ohun elo Atunṣe jẹ ohun rọrun & taara. A yoo ṣẹda ohun elo ifesi kan ti a pe ni tecmint-app bi atẹle.

$ create-react-app tecmint-app

Eyi gba to iṣẹju 5 aijọju lati fi sori ẹrọ gbogbo awọn idii, awọn ikawe, ati awọn irinṣẹ ti o nilo nipasẹ ohun elo naa. Diẹ ninu s patienceru yoo wa ni ọwọ.

Ti ẹda ti ohun elo naa ba ṣaṣeyọri, iwọ yoo gba ifitonileti ni isalẹ fifun awọn ofin ipilẹ ti o le ṣiṣe lati bẹrẹ ṣiṣakoso ohun elo naa.

Lati ṣiṣe ohun elo naa, lọ kiri si itọsọna app

$ cd tecmint-app

Lẹhinna ṣiṣe aṣẹ naa:

$ npm start

Iwọ yoo pari gbigba gbigbajade ni isalẹ fifihan ọ bi o ṣe le wọle si ohun elo lori ẹrọ lilọ kiri ayelujara naa.

Mu ẹrọ aṣawakiri rẹ ki o lọ kiri lori adirẹsi IP olupin rẹ

http://server-ip:3000

Eyi fihan pe ohun elo atunṣe aiyipada ti wa ni oke ati nṣiṣẹ. Ninu itọsọna yii, a ti fi sori ẹrọ React JS ni ifijišẹ ati ṣẹda ohun elo kan ni Tunṣe.