วิธีการติดตั้ง ReactJS บน Ubuntu

React (หรือเรียกอีกอย่างว่า ReactJS) พัฒนาโดย Facebook ในปี 2011 เป็นไลบรารี Javascript ที่ใช้ในการสร้างอินเทอร์เฟซผู้ใช้แบบโต้ตอบที่รวดเร็ว ในขณะที่เขียน นี่เป็นไลบรารี Javascript ที่ได้รับความนิยมมากที่สุดสำหรับการพัฒนาส่วนต่อประสานกับผู้ใช้ React เหนือกว่าคู่แข่งอย่าง Angular และ Vue JS ในแง่ของฟังก์ชันการทำงานและความนิยม

ความนิยมนี้เกิดจากความยืดหยุ่นและความเรียบง่าย ทำให้เป็นตัวเลือกแรกในการพัฒนาแอปบนอุปกรณ์เคลื่อนที่และเว็บแอปพลิเคชัน ไซต์มากกว่า 90,000 ใช้ React รวมถึงบริษัทยักษ์ใหญ่ด้านเทคโนโลยี เช่น Facebook, Netflix, Instagram , Airbnb และ Twitter เพื่อแสดงรายชื่อบางส่วน

ในบทความนี้ คุณจะได้เรียนรู้วิธีการติดตั้ง ReactJS บน Ubuntu 20.04 และ Ubuntu 18.04

ขั้นตอนที่ 1: การติดตั้ง NPM ใน Ubuntu

เราเริ่มการติดตั้ง React JS โดยการติดตั้ง npm ซึ่งย่อมาจากตัวจัดการแพ็คเกจโหนดนั้นมีสองสิ่ง ประการแรก มันเป็นเครื่องมือบรรทัดคำสั่งที่ใช้สำหรับการโต้ตอบกับแพ็คเกจ Javascript ซึ่งอนุญาตให้ผู้ใช้ติดตั้ง อัปเดต และจัดการเครื่องมือและไลบรารี Javascript

ประการที่สอง npm คือการลงทะเบียนซอฟต์แวร์โอเพ่นซอร์สออนไลน์ที่โฮสต์แพ็คเกจ 800,000 Node.JS Npm ให้บริการฟรี และคุณสามารถดาวน์โหลดแอปพลิเคชันซอฟต์แวร์ที่เผยแพร่ต่อสาธารณะได้อย่างง่ายดาย

หากต้องการติดตั้ง npm บน Ubuntu Linux ให้เข้าสู่ระบบเซิร์ฟเวอร์ของคุณในฐานะผู้ใช้ sudo และเรียกใช้คำสั่งด้านล่าง:

sudo apt install npm

เมื่อการติดตั้งเสร็จสมบูรณ์ คุณสามารถตรวจสอบเวอร์ชันของ npm ที่ติดตั้งได้โดยใช้คำสั่ง:

npm --version

6.14.4  [Output]

เวอร์ชันล่าสุด ณ เวลาที่เขียนนี้คือ v6.14.4 ตามที่บันทึกไว้ในเอาต์พุต

การติดตั้ง npm จะติดตั้ง node.js ด้วย และคุณสามารถยืนยันเวอร์ชันของ โหนด ที่ติดตั้งได้โดยใช้คำสั่ง:

node --version

v10.16.0  [Output]

ขั้นตอนที่ 2: การติดตั้งยูทิลิตี้ create-react-app

create-react-app เป็นโปรแกรมอรรถประโยชน์ที่ช่วยให้คุณตั้งค่าเครื่องมือทั้งหมดที่จำเป็นในการสร้างแอปพลิเคชัน React ช่วยให้คุณประหยัดเวลาและพลังงานได้มากในการตั้งค่าทุกอย่างตั้งแต่เริ่มต้น และช่วยให้คุณได้เปรียบในการเริ่มต้น

หากต้องการติดตั้งเครื่องมือ ให้รันคำสั่ง 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 นาทีในการติดตั้งแพ็คเกจ ไลบรารี และเครื่องมือทั้งหมดที่แอปพลิเคชันต้องการ ความอดทนบางอย่างจะเป็นประโยชน์

หากการสร้างแอปพลิเคชันสำเร็จ คุณจะได้รับการแจ้งเตือนด้านล่างพร้อมคำสั่งพื้นฐานที่คุณสามารถเรียกใช้เพื่อเริ่มจัดการแอปพลิเคชัน

หากต้องการเรียกใช้แอปพลิเคชัน ให้ไปที่ไดเรกทอรี แอป

cd tecmint-app

จากนั้นรันคำสั่ง:

npm start

คุณจะได้รับผลลัพธ์ด้านล่างซึ่งแสดงวิธีการเข้าถึงแอปพลิเคชันบนเบราว์เซอร์

เปิดเบราว์เซอร์ของคุณและเรียกดูที่อยู่ IP ของเซิร์ฟเวอร์ของคุณ

http://server-ip:3000

นี่แสดงว่าแอป React เริ่มต้นเปิดใช้งานแล้ว ในคู่มือนี้ เราได้ติดตั้ง React JS และสร้างแอปพลิเคชันใน React เรียบร้อยแล้ว