ວິທີການຕິດຕັ້ງ ReactJS ໃນ Ubuntu

ພັດທະນາໂດຍເຟສບຸກໃນປີ 2011, React (ເຊິ່ງເອີ້ນວ່າ ReactJS) ແມ່ນຫໍສະ ໝຸດ Javascript ທີ່ໃຊ້ໃນການສ້າງອິນເຕີເຟດຜູ້ໃຊ້ທີ່ມີຄວາມໄວແລະໂຕ້ຕອບ. ໃນເວລາຂຽນ, ມັນແມ່ນຫໍສະ ໝຸດ Javascript ທີ່ໄດ້ຮັບຄວາມນິຍົມທີ່ສຸດ ສຳ ລັບການພັດທະນາການໂຕ້ຕອບຂອງຜູ້ໃຊ້. React troupes ຄູ່ຮ່ວມງານຂອງມັນ - Angular ແລະ Vue JS ໃນແງ່ຂອງການເຮັດວຽກແລະຄວາມນິຍົມ.

ຄວາມນິຍົມຂອງມັນແມ່ນມາຈາກຄວາມຍືດຫຍຸ່ນແລະຄວາມລຽບງ່າຍຂອງມັນແລະນີ້ເຮັດໃຫ້ມັນເປັນທາງເລືອກ ທຳ ອິດໃນການພັດທະນາແອັບ mobile ມືຖືແລະໂປແກຼມເວັບ. ຫລາຍກວ່າ 90,000 ເວັບໄຊໃຊ້ React ລວມທັງຍັກໃຫຍ່ເຕັກໂນໂລຢີເຊັ່ນ Facebook, Netflix, Instagram, Airbnb, ແລະ Twitter ເພື່ອລົງລາຍຊື່ ຈຳ ນວນ ໜຶ່ງ.

ໃນບົດຄວາມນີ້, ທ່ານຈະໄດ້ຮຽນຮູ້ວິທີການຕິດຕັ້ງ ReactJS ໃນ Ubuntu 20.04 ແລະ Ubuntu 18.04.

ຂັ້ນຕອນທີ 1: ການຕິດຕັ້ງ NPM ໃນ Ubuntu

ພວກເຮົາເລີ່ມຕົ້ນການຕິດຕັ້ງ React JS ໂດຍການຕິດຕັ້ງ npm - ສັ້ນ ສຳ ລັບ node package manager, ແມ່ນສອງຢ່າງ. ກ່ອນອື່ນ ໝົດ, ມັນແມ່ນເຄື່ອງມືໃສ່ເສັ້ນ ຄຳ ສັ່ງທີ່ໃຊ້ ສຳ ລັບໂຕ້ຕອບກັບແພັກເກດ Javascript, ເຊິ່ງຊ່ວຍໃຫ້ຜູ້ໃຊ້ສາມາດຕິດຕັ້ງ, ປັບປຸງແລະຈັດການກັບເຄື່ອງມືແລະຫ້ອງສະ ໝຸດ Javascript.

ອັນທີສອງ, npm ແມ່ນການຈົດທະບຽນໂປແກຼມໂປແກຼມເປີດ - ອອກແບບ online ທີ່ມີຫລາຍກວ່າ 800,000 ຊຸດ Node.JS. Npm ແມ່ນບໍ່ເສຍຄ່າແລະທ່ານສາມາດດາວໂຫລດໂປແກຼມໂປຼແກຼມໂປແກຼມໂປແກຼມທີ່ມີຢູ່ໃນສາທາລະນະໄດ້ງ່າຍ.

ການຕິດຕັ້ງ npm ໃນ Ubuntu Linux, ເຂົ້າສູ່ server ຂອງທ່ານເປັນຜູ້ໃຊ້ sudo ແລະຂໍ ຄຳ ສັ່ງຂ້າງລຸ່ມນີ້:

$ sudo apt install npm

ເມື່ອການຕິດຕັ້ງ ສຳ ເລັດແລ້ວ, ທ່ານສາມາດກວດສອບເວີຊັນຂອງ npm ທີ່ຕິດຕັ້ງໂດຍໃຊ້ ຄຳ ສັ່ງ:

$ npm --version

6.14.4  [Output]

ຮຸ່ນຫຼ້າສຸດໃນເວລາຂຽນນີ້ແມ່ນ v6.14.4 ທີ່ຖືກຈັບໃນຜົນຜະລິດ.

ການຕິດຕັ້ງ npm ຍັງຕິດຕັ້ງ node.js ແລະທ່ານສາມາດຢືນຢັນລຸ້ນທີ່ຕິດຕັ້ງ node ໂດຍໃຊ້ ຄຳ ສັ່ງ:

$ node --version

v10.16.0  [Output]

ຂັ້ນຕອນທີ 2: ການຕິດຕັ້ງ create-react-app Utility

create-react-app ແມ່ນຜົນປະໂຫຍດທີ່ຊ່ວຍໃຫ້ທ່ານສາມາດຕັ້ງເຄື່ອງມືທັງ ໝົດ ທີ່ຕ້ອງການເພື່ອສ້າງ React Application. ມັນຊ່ວຍປະຢັດເວລາແລະພະລັງງານໃຫ້ທ່ານທຸກຢ່າງຕັ້ງແຕ່ເລີ່ມຕົ້ນແລະຊ່ວຍໃຫ້ທ່ານເລີ່ມຕົ້ນດ້ວຍຄວາມ ຈຳ ເປັນ.

ການຕິດຕັ້ງເຄື່ອງມື, ດຳ ເນີນການ ຄຳ ສັ່ງ npm ຕໍ່ໄປນີ້:

$ sudo npm -g install create-react-app

ເມື່ອຕິດຕັ້ງແລ້ວ, ທ່ານສາມາດຢືນຢັນເວີຊັນຂອງການຕິດຕັ້ງໂດຍການເຮັດວຽກ:

$ create-react-app --version

4.0.1  [Output]

ຂັ້ນຕອນທີ 3: ສ້າງແລະເປີດໂປແກຼມປະຕິກິລິຍາ ທຳ ອິດຂອງທ່ານ

ການສ້າງໂປແກຼມ React ແມ່ນຂ້ອນຂ້າງງ່າຍດາຍແລະກົງໄປກົງມາ. ພວກເຮົາ ກຳ ລັງຈະສ້າງແອັບ react ທີ່ມີຊື່ວ່າ tecmint-app ດັ່ງຕໍ່ໄປນີ້.

$ create-react-app tecmint-app

ນີ້ໃຊ້ເວລາປະມານ 5 ນາທີໃນການຕິດຕັ້ງທຸກຊຸດ, ຫ້ອງສະ ໝຸດ ແລະເຄື່ອງມືທີ່ ຈຳ ເປັນໃນການສະ ໝັກ. ຄວາມອົດທົນບາງຢ່າງຈະເຂົ້າມາໃຊ້ໄດ້ງ່າຍ.

ຖ້າການສ້າງແອັບພລິເຄຊັນປະສົບຜົນ ສຳ ເລັດ, ທ່ານຈະໄດ້ຮັບແຈ້ງການຂ້າງລຸ່ມນີ້ໂດຍໃຫ້ ຄຳ ສັ່ງພື້ນຖານທີ່ທ່ານສາມາດ ດຳ ເນີນການເພື່ອເລີ່ມຕົ້ນການຈັດການ ຄຳ ຮ້ອງສະ ໝັກ.

ເພື່ອ ດຳ ເນີນການສະ ໝັກ, ເຂົ້າໄປໃນໄດເລກະທໍລີຂອງແອັບ app

$ cd tecmint-app

ຫຼັງຈາກນັ້ນ, ດຳ ເນີນການ ຄຳ ສັ່ງ:

$ npm start

ທ່ານຈະສິ້ນສຸດການໄດ້ຮັບຜົນຜະລິດຢູ່ທາງລຸ່ມສະແດງວິທີການເຂົ້າຫາແອັບພລິເຄຊັນໃນເບົາເຊີ.

ຈູດຕົວທ່ອງເວັບຂອງທ່ານແລະທ່ອງທີ່ຢູ່ IP ຂອງເຄື່ອງແມ່ຂ່າຍຂອງທ່ານ

http://server-ip:3000

ນີ້ສະແດງໃຫ້ເຫັນວ່າແອັບ Re React ເລີ່ມຕົ້ນແມ່ນ ກຳ ລັງເຮັດວຽກຢູ່. ໃນຄູ່ມືນີ້, ພວກເຮົາໄດ້ຕິດຕັ້ງ React JS ຢ່າງ ສຳ ເລັດຜົນແລະໄດ້ສ້າງແອັບພລິເຄຊັນໃນ React.