Otu esi etinye ReactJS na Ubuntu

Facebook mebere na 2011, React (nke a na-akpọkwa ReactJS) bụ ọbá akwụkwọ Javascript ejiri maka ịmepụta oghere ndị ọrụ ngwa ngwa na mmekọrịta. N'oge ederede, ọ bụ ọbá akwụkwọ Javascript kacha ewu ewu maka ịmepụta oghere ndị ọrụ. React trounces ogbo ya - Angular na Vue JS n'ihe gbasara arụmọrụ na ewu ewu.

Ihe ewu ewu ya sitere na mgbanwe ya na ịdị mfe ya na nke a na-eme ka ọ bụrụ nhọrọ mbụ na mmepe nke ngwa mkpanaka na ngwa weebụ. Ihe karịrị saịtị 90,000 na-eji React gụnyere ndị dike teknụzụ dị ka Facebook, Netflix, Instagram, Airbnb na Twitter iji depụta ole na ole.

N'isiokwu a, ị ga-amụta ka esi etinye ReactJS na Ubuntu 20.04 na Ubuntu 18.04.

Kwụpụ 1: Wụnye NPM na Ubuntu

Anyị na-amalite ntinye nke React JS site na ịwụnye npm - mkpụmkpụ maka njikwa ngwugwu ọnụ, bụ ihe abụọ. Nke mbu, ọ bụ ngwa ahịrị iwu nke eji emekọrịta ihe na ngwugwu Javascript, nke na-enye ndị ọrụ ohere ịwụnye, melite na jikwaa ngwa Javascript na ọba akwụkwọ.

Nke abuo, npm bụ ndekọ ngwanrọ mepere emepe n'ịntanetị nke na-akwado ngwugwu 800,000 Node.JS. Npm bụ n'efu ma ị nwere ike ibudata ngwa ngwa ngwa nke dị n'ihu ọha.

Iji tinye npm na Linux Ubuntu, banye na nkesa gị dị ka onye ọrụ sudo wee kpọọ iwu dị n'okpuru:

$ sudo apt install npm

Ozugbo echichi mechara, ị nwere ike nyochaa ụdị npm arụnyere site na iji iwu:

$ npm --version

6.14.4  [Output]

Ụdị kachasị ọhụrụ n'oge edere nke a bụ v6.14.4 dị ka ewepụtara na mmepụta.

Ntinye nke npm na-etinyekwa node.js ma ị nwere ike kwado ụdị node arụnyere site na iji iwu:

$ node --version

v10.16.0  [Output]

Kwụpụ 2: Ịwụnye Create-react-app Utility

Create-react-app bụ ngwa na-enye gị ohere ịtọlite ngwaọrụ niile achọrọ iji mepụta Ngwa React. Ọ na-azọpụta gị nnukwu oge na ike ịtọ ihe niile site na ọkọ ma na-enye gị mmalite mmalite achọrọ.

Iji wụnye ngwá ọrụ, mee iwu npm ndị a:

$ sudo npm -g install create-react-app

Ozugbo arụnyere, ị nwere ike kwado ụdị arụnyere site na ịgba ọsọ:

$ create-react-app --version

4.0.1  [Output]

Kwụpụ 3: Mepụta & Mepụta ngwa mmeghachi omume mbụ gị

Ịmepụta ngwa React dị nnọọ mfe & kwụ ọtọ. Anyị ga-emepụta ngwa mmeghachi omume akpọrọ tecmint-app dị ka ndị a.

$ create-react-app tecmint-app

Nke a na-ewe ihe dị ka nkeji 5 iji wụnye ngwungwu, ọba akwụkwọ na ngwaọrụ niile ngwa ahụ chọrọ. Ụfọdụ ndidi ga-aba uru.

Ọ bụrụ na imepụta ngwa ahụ gara nke ọma, ị ga-enweta ọkwa dị n'okpuru na-enye iwu ndị bụ isi nke ị nwere ike ịgba ọsọ ka ịmalite ijikwa ngwa ahụ.

Iji mee ngwa a, banye na ndekọ ngwa

$ cd tecmint-app

Wee mee iwu ahụ:

$ npm start

Ị ga-emesị nweta mmepụta n'okpuru na-egosi gị otu esi enweta ngwa na ihe nchọgharị ahụ.

Gbanyụọ ihe nchọgharị gị wee chọgharịa adreesị IP nke ihe nkesa gị

http://server-ip:3000

Nke a na-egosi na ngwa React ndabara na-arụ ọrụ. N'ime ntuziaka a, anyị etinyela React JS nke ọma wee mepụta ngwa na React.