ให้เรตสมาชิก: 3 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

การติดตั้ง React

     การติดตั้ง React นั้น เราจะสร้างผ่าน command line โดยใช้คำสั่งต่อไปนี้

npm init
npm install --save react react-dom

 

การสร้างไฟล์โปรเจค

     การสร้างโปรเจคใน React มันจะไม่เหมือนกับการสร้างโปรเจคใน Editer โดยเราจะสร้างผ่าน Command line เหมือนกับการติดตั้ง ใช้คำสั่งดังต่อไปนี้

1. ติดตั้ง create-react-app ด้วยคำสั่งนี้

npm install -g create-react-app

2. ใช้ create-react-app สร้างโปรเจค ต่อจาดคำสั่งจะเป็นชื่อโปรเจค

create-react-app my-mindphp

เราก็จะได้โฟลเดอร์ my-mindphp ซึ่งด้านในก็จะมีโค้ด React และการเซ็ตอัพไว้เรียบร้อย โดยเราสามารถเข้าไปในโปรเจค และมีคำสั่งต่างๆให้ใช้

 

  • npm start - เริ่มโปรเจคโดยเข้าไปดูที่ http://localhost:3000

  • npm run build - เพื่อ Build โปรเจคเอาไปใช้ในระดับ Production โดยไฟล์ที่ได้จะอยู่ใน Folder Build

  • npm test - คำสั่งรัน Test ที่มีอยู่ในโปรเจค

  • npm run eject -  คำสั่งแก้ไขการเซ็ตอัพโปรเจค หรืออยากเห็นการตั้งค่า โดยไฟล์การตั้งค่าจะอยู่ในโฟลเดอร์ Config

 

3. จากนั้น ใช้คำสั้ง cd ย้อนกลับเข้าไปที่โฟล์เดอร์ mindphp เมื่อ path เป็น ชื่อโฟล์เดอร์ของเราแล้ว ก็ใช้คำสั่ง start ได้เลย

cd my-mindphp
npm start

     ส่วนของการแก้โค้ด เราสามารถแก้ผ่าน Editer ได้เลย

 

ข้อมูลอ้างอิง : https://reactjs.org

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ลบ background ง่ายๆไม่ต้องใช้ Photoshop
โดย numtan5839 พ 13 พ.ย. 2019 12:45 pm บอร์ด Graphic design
0
18
พ 13 พ.ย. 2019 12:45 pm โดย numtan5839
Q - สอบ ถามเรื่อง python tkinter วิธีทำ PDF
โดย ichimarusoichi พ 23 ม.ค. 2019 3:25 pm บอร์ด Programming - C/C++ & java & Python
8
2154
พ 13 พ.ย. 2019 12:31 pm โดย dharya
ไฟล์ XAPK คืออะไร
โดย chaiyasitpraphut พ 13 พ.ย. 2019 12:11 pm บอร์ด Mobile Application Developing- Android, iOS
0
15
พ 13 พ.ย. 2019 12:11 pm โดย chaiyasitpraphut
วิธีเปิดและแก้ไขไฟล์ PSD โดยไม่ต้องลงโปรแกรม
โดย numtan5839 พ 13 พ.ย. 2019 11:59 am บอร์ด Graphic design
0
22
พ 13 พ.ย. 2019 11:59 am โดย numtan5839
สอบถาม ผมจะ add pinter จากเครื่องที่ share printer นั้นอยู่โดยเครื่องนั้นใช้ OS windows
โดย jirawoot พ 13 พ.ย. 2019 11:31 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
17
พ 13 พ.ย. 2019 11:31 am โดย jirawoot
แนะนำ Website แต่งรูป Online ไม่ต้องติดตั้ง
โดย numtan5839 พ 13 พ.ย. 2019 11:16 am บอร์ด Graphic design
0
47
พ 13 พ.ย. 2019 11:16 am โดย numtan5839
ขอสอบถามการบันทึกบัญชีของการซื้อบริการรายเดือนของ Line ด้วยบัตรเครดิตของผู้บริหารน่อยค่ะ
โดย nnamfon.26 พ 13 พ.ย. 2019 11:11 am บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
0
15
พ 13 พ.ย. 2019 11:11 am โดย nnamfon.26
ทำความรู้จักกับ LINE Notify
โดย chaiyasitpraphut พ 13 พ.ย. 2019 11:11 am บอร์ด IOT - Internet of things
0
17
พ 13 พ.ย. 2019 11:11 am โดย chaiyasitpraphut
กินยาคุมครั้งแรกยังไงให้ถูกวิธี ไม่ท้องแน่นอน!
โดย promotion พ 13 พ.ย. 2019 11:06 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
15
พ 13 พ.ย. 2019 11:06 am โดย promotion
ภาพ thailand-football-team
โดย numtan5839 อ 12 พ.ย. 2019 7:10 pm บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
3
29
พ 13 พ.ย. 2019 10:43 am โดย numtan5839
บอร์ด Mindphp.com ตอนนี้ อัพเกรด phpBB จาก 3.1 เป็น 3.2 แล้วนะ
โดย mindphp พ 13 พ.ย. 2019 4:54 am บอร์ด MindPHP News / Feedback
0
55
พ 13 พ.ย. 2019 4:54 am โดย mindphp
ติดตั้งโมดูลใน joomla 2.5 แล้ว erorr
โดย jamepiyawat อ 12 พ.ย. 2019 8:04 pm บอร์ด Joomla Development
3
83
อ 12 พ.ย. 2019 8:49 pm โดย mindphp
การใช้ confirm() ของ Javascript เพื่อ แจ้งเตือน ให้กดยืนยัน ก่อนทำการ ลบข้อมูล
โดย bankjittapol อ 12 พ.ย. 2019 7:12 pm บอร์ด Jquery & Ajax Knowledge
0
42
อ 12 พ.ย. 2019 7:12 pm โดย bankjittapol
การใช้ Domvas library แปลง code html แปลงหน้าเว็บ เป็นรูปภาพ
โดย bankjittapol อ 12 พ.ย. 2019 6:43 pm บอร์ด Jquery & Ajax Knowledge
0
34
อ 12 พ.ย. 2019 6:43 pm โดย bankjittapol
B - ต้องการสร้างใบcustomer paymentเมื่อใส่ข้อมูลที่withholding tax ไม่สามารถทำได้
โดย nnamfon.26 อ 12 พ.ย. 2019 6:20 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
6
อ 12 พ.ย. 2019 6:20 pm โดย nnamfon.26
รู้จักกับ soil moisture sensor
โดย chaiyasitpraphut อ 12 พ.ย. 2019 5:12 pm บอร์ด IOT - Internet of things
0
33
อ 12 พ.ย. 2019 5:12 pm โดย chaiyasitpraphut
PIR Motion Sensor module คืออะไร
โดย chaiyasitpraphut อ 12 พ.ย. 2019 4:51 pm บอร์ด IOT - Internet of things
0
24
อ 12 พ.ย. 2019 4:51 pm โดย chaiyasitpraphut
แปลง code html เป็น image แต่ไม่แสดงผลลัพธ์
โดย bankjittapol อ 12 พ.ย. 2019 4:44 pm บอร์ด JavaScript & Jquery Ajax
4
86
พ 13 พ.ย. 2019 5:29 am โดย mindphp
วิธีการลงทุนที่ดีที่สุดสำหรับ "มนุษย์เงินเดือน"
โดย somying อ 12 พ.ย. 2019 4:09 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
40
อ 12 พ.ย. 2019 4:09 pm โดย somying
เปิดและปิดไฟ LED ด้วย Blynk
โดย chaiyasitpraphut อ 12 พ.ย. 2019 4:01 pm บอร์ด IOT - Internet of things
0
29
อ 12 พ.ย. 2019 4:01 pm โดย chaiyasitpraphut